diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4a377ef3b..c0493cd00 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,22 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 1.6.0 `2023-08-10` 
+### 🚀 Features
+- `Icon`: 新增 960 个图标；调整图标命名 `photo` 为 `camera`，`books`为`bookmark`, `stop-cirle-1`为`stop-circle-stroke`；移除`money-circle`图标，具体请查看图标页面  @uyarn ([#2677](https://github.com/Tencent/tdesign-vue/pull/2677))
+- `Table`: 可编辑表格，新增 `edit.keepEditMode` ，用于控制单元格始终保持为编辑态 @chaishi ([#2662](https://github.com/Tencent/tdesign-vue/pull/2662))
+- `Image`: @chaishi ([#2665](https://github.com/Tencent/tdesign-vue/pull/2665))
+  - 属性 `src` 支持传入 File 文件类型显示图片
+  - 新增支持 `fallback` ，用于设置图片加载失败时的兜底图
+  - 新增支持 `referrerpolicy` 属性
+- `ImageViewer`: 属性 `images` 支持传入 File 文件类型预览图片 @chaishi ([#2665](https://github.com/Tencent/tdesign-vue/pull/2665))
+- `Upload`: 文件上传列表支持显示缩略图，通过 `showThumbnail` 属性控制 @chaishi ([#2665](https://github.com/Tencent/tdesign-vue/pull/2665))
+- `Link`: 新增透传 `download` 属性，支持浏览器直接下载，https://github.com/Tencent/tdesign-vue/issues/2628 @xiaosansiji ([#2659](https://github.com/Tencent/tdesign-vue/pull/2659))
+### 🐞 Bug Fixes
+- `InputAdornment`: 修复装饰文字折行的问题 @PengYYYYY ([common#1553](https://github.com/Tencent/tdesign-common/pull/1553))
+### 🚧 Others
+- `官网`: 新增分类展示全部图标的 UI  @uyarn ([#2677](https://github.com/Tencent/tdesign-vue/pull/2677))
+
 ## 🌈 1.5.2 `2023-08-01` 
 ### 🚀 Features
 - `Table`:
diff --git a/package.json b/package.json
index 34680b998..b6bd72a96 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "tdesign-vue",
   "purename": "tdesign",
-  "version": "1.5.2-naruto",
+  "version": "1.6.0-naruto",
   "description": "tdesign-vue",
   "title": "tdesign-vue",
   "keywords": [
@@ -96,7 +96,7 @@
     "mitt": "^3.0.0",
     "raf": "^3.4.1",
     "sortablejs": "^1.15.0",
-    "tdesign-icons-vue": "^0.1.6",
+    "tdesign-icons-vue": "^0.2.0",
     "tinycolor2": "^1.4.2",
     "validator": "^13.5.1"
   },
@@ -150,7 +150,7 @@
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-vue": "^8.1.1",
-    "fs-extra": "^10.1.0",
+    "fs-extra": "^11.1.1",
     "glob": "^8.0.3",
     "gray-matter": "^4.0.3",
     "husky": "^7.0.4",
@@ -176,7 +176,7 @@
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "~7.0.2",
     "rollup-plugin-vue": "^5.1.9",
-    "tdesign-icons-view": "^0.1.5",
+    "tdesign-icons-view": "^0.2.0",
     "tdesign-publish-cli": "^0.0.12",
     "tdesign-site-components": "^0.13.0",
     "tdesign-theme-generator": "^1.0.5",
diff --git a/src/_common b/src/_common
index 05f588ae6..6b4dde5c4 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 05f588ae6c1d71255320a7d7f6ff61b7cd14318c
+Subproject commit 6b4dde5c4f8a09514b011038d8d453ad692adb39
diff --git a/src/anchor/__tests__/__snapshots__/anchor-target.test.jsx.snap b/src/anchor/__tests__/__snapshots__/anchor-target.test.jsx.snap
index 7ace4e05b..e81af4aba 100644
--- a/src/anchor/__tests__/__snapshots__/anchor-target.test.jsx.snap
+++ b/src/anchor/__tests__/__snapshots__/anchor-target.test.jsx.snap
@@ -1,8 +1,7 @@
 // Vitest Snapshot v1
 
 exports[`AnchorTarget > <slot> > should render default slot 1`] = `
-"<h1 id=\\"test-target\\" class=\\"t-anchor__target\\">this is default slots<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\">
-    <path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path>
-    <path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path>
+"<h1 id=\\"test-target\\" class=\\"t-anchor__target\\">this is default slots<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\">
+    <path fill=\\"currentColor\\" d=\\"M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z\\"></path>
   </svg></h1>"
 `;
diff --git a/src/back-top/__tests__/__snapshots__/vitest-back-top.test.jsx.snap b/src/back-top/__tests__/__snapshots__/vitest-back-top.test.jsx.snap
index e316cd89c..d241d83a0 100644
--- a/src/back-top/__tests__/__snapshots__/vitest-back-top.test.jsx.snap
+++ b/src/back-top/__tests__/__snapshots__/vitest-back-top.test.jsx.snap
@@ -39,13 +39,12 @@ exports[`BackTop Component > props.shape is equal to circle 1`] = `
       class="t-icon t-icon-backtop t-back-top__icon"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+        d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
     <span
@@ -68,13 +67,12 @@ exports[`BackTop Component > props.shape is equal to square 1`] = `
       class="t-icon t-icon-backtop t-back-top__icon"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+        d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
     <span
diff --git a/src/breadcrumb/__tests__/__snapshots__/index.test.jsx.snap b/src/breadcrumb/__tests__/__snapshots__/index.test.jsx.snap
index 9cad05905..06fa35673 100644
--- a/src/breadcrumb/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/breadcrumb/__tests__/__snapshots__/index.test.jsx.snap
@@ -29,13 +29,12 @@ exports[`Breadcrumb > <slot> > <separator> 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -64,13 +63,12 @@ exports[`Breadcrumb > <slot> > <separator> 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
diff --git a/src/breadcrumb/_example/icon.vue b/src/breadcrumb/_example/icon.vue
index 4ce943a82..a24ba5e71 100644
--- a/src/breadcrumb/_example/icon.vue
+++ b/src/breadcrumb/_example/icon.vue
@@ -1,8 +1,8 @@
 <template>
   <t-breadcrumb>
-    <t-breadcrumbItem><icon name="books" slot="icon" />页面1</t-breadcrumbItem>
-    <t-breadcrumbItem><icon name="books" slot="icon" />页面2</t-breadcrumbItem>
-    <t-breadcrumbItem><icon name="books" slot="icon" />页面3</t-breadcrumbItem>
+    <t-breadcrumbItem><icon name="bookmark" slot="icon" />页面1</t-breadcrumbItem>
+    <t-breadcrumbItem><icon name="bookmark" slot="icon" />页面2</t-breadcrumbItem>
+    <t-breadcrumbItem><icon name="bookmark" slot="icon" />页面3</t-breadcrumbItem>
   </t-breadcrumb>
 </template>
 <script>
diff --git a/src/date-picker/__tests__/__snapshots__/index.test.jsx.snap b/src/date-picker/__tests__/__snapshots__/index.test.jsx.snap
index 7ff9247c8..1f1c27488 100644
--- a/src/date-picker/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/date-picker/__tests__/__snapshots__/index.test.jsx.snap
@@ -31,13 +31,12 @@ exports[`DatePicker > :mode 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -79,13 +78,12 @@ exports[`DatePicker > :range 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -126,13 +124,12 @@ exports[`DatePicker > :value 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
diff --git a/src/date-picker/__tests__/__snapshots__/rangepicker.test.jsx.snap b/src/date-picker/__tests__/__snapshots__/rangepicker.test.jsx.snap
index ff2d48cec..e8fd659a6 100644
--- a/src/date-picker/__tests__/__snapshots__/rangepicker.test.jsx.snap
+++ b/src/date-picker/__tests__/__snapshots__/rangepicker.test.jsx.snap
@@ -31,13 +31,12 @@ exports[`DateRangePicker > :mode 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -79,13 +78,12 @@ exports[`DateRangePicker > :range 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -126,13 +124,12 @@ exports[`DateRangePicker > :value 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index f71753616..711109c24 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -11,3 +11,4 @@ export * from './useLazyLoad';
 export * from './useResizeObserver';
 export * from './useVirtualScrollNew';
 export * from './useVModel';
+export * from './useImagePreviewUrl';
diff --git a/src/hooks/useImagePreviewUrl.ts b/src/hooks/useImagePreviewUrl.ts
new file mode 100644
index 000000000..5358281e4
--- /dev/null
+++ b/src/hooks/useImagePreviewUrl.ts
@@ -0,0 +1,27 @@
+import {
+  ComputedRef, ref, Ref, watch,
+} from 'vue';
+import { getFileUrlByFileRaw } from '../_common/js/upload/utils';
+
+export function useImagePreviewUrl(imgUrl: Ref<string | File> | ComputedRef<string | File>) {
+  const previewUrl = ref('');
+
+  watch(
+    [imgUrl],
+    ([imgUrl], [preImgUrl]) => {
+      if (preImgUrl === imgUrl) return;
+      if (typeof imgUrl === 'string') {
+        previewUrl.value = imgUrl;
+        return;
+      }
+      getFileUrlByFileRaw(imgUrl).then((url) => {
+        previewUrl.value = url;
+      });
+    },
+    { immediate: true },
+  );
+
+  return { previewUrl };
+}
+
+export default useImagePreviewUrl;
diff --git a/src/icon/_example/base.vue b/src/icon/_example/base.vue
index b22149cee..86443521b 100644
--- a/src/icon/_example/base.vue
+++ b/src/icon/_example/base.vue
@@ -1,32 +1,38 @@
 <template>
   <t-space direction="vertical">
     <t-space break-line>
-      <icon name="loading" style="color: #999999" />
-      <icon name="close" @click="onIconClose" />
-      <icon name="check-circle-filled" />
+      <p>How do you feel today?</p>
+      <icon name="sneer" @click="onIconClose" />
+      <icon name="unhappy" />
+      <icon name="excited" />
+      <icon name="surprised" />
+      <icon name="giggle" />
     </t-space>
     <t-space break-line align="center">
-      <icon name="check-circle-filled" size="small" />
-      <icon name="check-circle-filled" />
-      <icon name="check-circle-filled" size="medium" />
-      <icon name="check-circle-filled" size="large" />
-      <icon name="check-circle-filled" size="25px" />
-      <icon name="check-circle-filled" size="2em" />
+      <p>What's your favourite food?</p>
+      <icon name="tangerinr" color="orange" />
+      <icon name="bamboo-shoot" color="green" />
+      <icon name="apple" color="red" />
+      <icon name="milk" color="#0052D9" />
+      <icon name="peach" color="pink" />
     </t-space>
     <t-space break-line>
-      <icon name="check-circle-filled" style="color: red" />
-      <icon name="check-circle-filled" style="color: green" />
-      <icon name="check-circle-filled" style="color: orange" />
+      <p>How much icons does TDesign Icon includes?</p>
+      <icon name="numbers-1" style="color: var(--td-brand-color-5)" />
+      <icon name="numbers-2" style="color: var(--td-brand-color-6)" />
+      <icon name="numbers-0" style="color: var(--td-brand-color-7)" />
+      <icon name="numbers-3" style="color: var(--td-brand-color-8)" />
     </t-space>
   </t-space>
 </template>
-
 <script>
 import { Icon } from 'tdesign-icons-vue';
 
 export default {
-  components: { Icon },
-  methods: {
+  components: {
+    Icon,
+  },
+  method: {
     onIconClose() {
       console.log('icon was clicked.');
     },
diff --git a/src/icon/_example/iconfont.vue b/src/icon/_example/iconfont.vue
index 668805c56..6eca82045 100644
--- a/src/icon/_example/iconfont.vue
+++ b/src/icon/_example/iconfont.vue
@@ -1,35 +1,36 @@
 <template>
   <t-space direction="vertical">
     <t-space break-line>
-      <icon-font name="loading" />
-      <icon-font name="close" @click="onIconClose" />
-      <icon-font name="check-circle-filled" />
+      <p>How do you feel today?</p>
+      <icon-font name="sneer" />
+      <icon-font name="unhappy" />
+      <icon-font name="excited" />
+      <icon-font name="surprised" />
+      <icon-font name="giggle" />
     </t-space>
-    <t-space break-line align="center">
-      <icon-font name="check-circle-filled" size="small" />
-      <icon-font name="check-circle-filled" />
-      <icon-font name="check-circle-filled" size="medium" />
-      <icon-font name="check-circle-filled" size="large" />
-      <icon-font name="check-circle-filled" size="25px" />
-      <icon-font name="check-circle-filled" size="2em" />
+    <t-space break-line>
+      <p>What's your favourite food?</p>
+      <icon-font name="tangerinr" style="color: orange" />
+      <icon-font name="bamboo-shoot" style="color: green" />
+      <icon-font name="apple" style="color: red" />
+      <icon-font name="milk" style="color: #0052d9" />
+      <icon-font name="peach" style="color: pink" />
     </t-space>
-    <t-space break-line align="center">
-      <icon-font name="check-circle-filled" style="color: red" />
-      <icon-font name="check-circle-filled" style="color: green" />
-      <icon-font name="check-circle-filled" style="color: orange" />
+    <t-space break-line>
+      <p>How much icons does TDesign Icon includes?</p>
+      <icon-font name="numbers-1" style="color: var(--td-brand-color-5)" />
+      <icon-font name="numbers-2" style="color: var(--td-brand-color-6)" />
+      <icon-font name="numbers-0" style="color: var(--td-brand-color-7)" />
+      <icon-font name="numbers-3" style="color: var(--td-brand-color-8)" />
     </t-space>
   </t-space>
 </template>
-
 <script>
 import { IconFont } from 'tdesign-icons-vue';
 
 export default {
-  components: { IconFont },
-  methods: {
-    onIconClose() {
-      console.log('icon was clicked.');
-    },
+  components: {
+    IconFont,
   },
 };
 </script>
diff --git a/src/icon/_example/single.vue b/src/icon/_example/single.vue
index 0839e155a..04ff83e74 100644
--- a/src/icon/_example/single.vue
+++ b/src/icon/_example/single.vue
@@ -1,33 +1,62 @@
 <template>
   <t-space direction="vertical">
-    <t-space break-line align="center">
-      <loading-icon />
-      <close-icon @click="onIconClose" />
-      <check-circle-filled-icon />
+    <t-space break-line style="color: var(--td-brand-color)">
+      <letters-t-icon @click="onIconClick" />
+      <letters-d-icon />
+      <letters-e-icon />
+      <letters-s-icon />
+      <letters-i-icon />
+      <letters-g-icon />
+      <letters-n-icon />
     </t-space>
-    <t-space break-line align="center">
-      <check-circle-filled-icon size="small" />
-      <check-circle-filled-icon />
-      <check-circle-filled-icon size="medium" />
-      <check-circle-filled-icon size="large" />
-      <check-circle-filled-icon size="25px" />
-      <check-circle-filled-icon size="2em" />
-    </t-space>
-    <t-space break-line align="center">
-      <check-circle-filled-icon style="color: red" />
-      <check-circle-filled-icon style="color: green" />
-      <check-circle-filled-icon style="color: orange" />
+    <t-space break-line>
+      <component-checkbox-icon />
+      <component-breadcrumb-icon />
+      <component-input-icon />
+      <component-switch-icon />
+      <component-dropdown-icon />
+      <component-radio-icon />
+      <component-steps-icon />
     </t-space>
   </t-space>
 </template>
-
 <script>
-import { LoadingIcon, CloseIcon, CheckCircleFilledIcon } from 'tdesign-icons-vue';
+import {
+  LettersTIcon,
+  LettersDIcon,
+  LettersSIcon,
+  LettersEIcon,
+  LettersIIcon,
+  LettersNIcon,
+  LettersGIcon,
+  ComponentCheckboxIcon,
+  ComponentInputIcon,
+  ComponentSwitchIcon,
+  ComponentBreadcrumbIcon,
+  ComponentDropdownIcon,
+  ComponentRadioIcon,
+  ComponentStepsIcon,
+} from 'tdesign-icons-vue';
 
 export default {
-  components: { LoadingIcon, CloseIcon, CheckCircleFilledIcon },
+  components: {
+    LettersTIcon,
+    LettersDIcon,
+    LettersSIcon,
+    LettersEIcon,
+    LettersIIcon,
+    LettersNIcon,
+    LettersGIcon,
+    ComponentCheckboxIcon,
+    ComponentInputIcon,
+    ComponentSwitchIcon,
+    ComponentBreadcrumbIcon,
+    ComponentDropdownIcon,
+    ComponentRadioIcon,
+    ComponentStepsIcon,
+  },
   methods: {
-    onIconClose() {
+    onIconClick() {
       console.log('icon was clicked.');
     },
   },
diff --git a/src/icon/icon.en-US.md b/src/icon/icon.en-US.md
index 14cfacf0b..da76d3a5a 100644
--- a/src/icon/icon.en-US.md
+++ b/src/icon/icon.en-US.md
@@ -1,8 +1,14 @@
 :: BASE_DOC ::
 
-### Install tdesign-icons-vue
+### Install tdesign-icons-vue-next
 
-Icons are published and managed as a separate npm package. If you want to use it directly in your project, please install `tdesign-icons-vue`. At the same time, `tdesign-vue` also includes icons and supports direct use through `t-icon`.
+Icons are published and managed as a separate npm package. If you want to use it directly in your project, please install `tdesign-icons-vue-next`. At the same time, `tdesign-vue-next` also includes icons and supports direct use through `t-icon`.
+
+### Import on-demand
+
+SVG icons can be imported on demand. When using the Icon component in component development, SVG icons are imported on demand.
+
+{{ single }}
 ### Full import
 
 The icon size supports multiple units, such as 'small', 'medium', 'large', '35px', '3em', etc. 
@@ -11,11 +17,7 @@ Click on the 「All Icons」 navigation on the right to view all icons in the co
 
 {{ base }}
 
-### Import on-demand
 
-SVG icons can be imported on demand. When using the Icon component in component development, SVG icons are imported on demand.
-
-{{ single }}
 
 ### Advanced usage of SVG
 
@@ -48,7 +50,7 @@ If you need to select icons in your project, please use `Select` to implement an
 
 #### How to get all the names of icons？
 
-You can get all the name of icon by import manifest from the bundle `import { manifest } from 'tdesign-icons-vue'`
+You can get all the name of icon by import manifest from the bundle `import { manifest } from 'tdesign-icons-vue-next'`
 
 #### the usage of full import needs network. What if my project is in a no-network scenario?
 
@@ -58,6 +60,7 @@ if your project is in a no-network scenario, please use on-demand loading of ico
 <td-icons-view />
 
 ## API
+
 ### IconSVG Props
 
 name | type | default | description | required
diff --git a/src/icon/icon.md b/src/icon/icon.md
index 43d0a7e92..2f4449bee 100644
--- a/src/icon/icon.md
+++ b/src/icon/icon.md
@@ -2,9 +2,15 @@
 
 ### 安装独立 Icon 包
 
-图标相对其他基础组件较为独立，所以作为一个独立的 npm 包做发布管理。如果项目中直接使用，请安装`tdesign-icons-vue`。 同时 tdesign-vue 也内置了 icon,支持直接通过 t-icon 来使用。
+图标相对其他基础组件较为独立，所以作为一个独立的 `npm` 包做发布管理。如果项目中直接使用，请安装 `tdesign-icons-vue`。 同时 `tdesign-vue` 也内置了 `icon`, 支持直接通过 `t-icon` 来使用。
+图标库中共包含超过 **25** 类，**1200+** 个图标，推荐您按需引用图标，减少产物的体积。
 
-### SVG 全量引入
+### 按需引入使用图标
+
+图标可以按需引入单个 SVG 图标。组件开发内部使用到 Icon 时，均按需引入 SVG 图标。
+
+{{ single }}
+### 全量引入使用图标
 
 图标尺寸单位支持多种， 'small', 'medium', 'large', '35px', '3em' 等。
 图标颜色使用 CSS 控制，如：style="color: red"，或者 style="fill: red"。
@@ -12,12 +18,11 @@
 
 {{ base }}
 
-### SVG 按需引入
-
-图标可以按需引入单个 SVG 图标。组件开发内部使用到 Icon 时，均按需引入 SVG 图标。
+### iconfont 图标
 
-{{ single }}
+TDesign 支持通过使用 Iconfont 图标，使用时需要单独引入 Iconfont 图标组件。
 
+{{ iconfont }}
 ### SVG 高级用法
 
 可以传入 url 加入新的 SVG 图标。
@@ -28,11 +33,7 @@
 
 {{ enhanced }}
 
-### iconfont 图标
-
-使用 Iconfont 图标需要单独引入 Iconfont 图标组件。
 
-{{ iconfont }}
 
 ### iconfont 高级用法
 
@@ -54,7 +55,7 @@
 
 #### 如何获取全部图标的名称列表？
 
-如果有需要获取全部图标的名称列表，可以通过`import { manifest } from 'tdesign-icons-vue'` 获取全部图标的名称列表。
+可以通过`import { manifest } from 'tdesign-icons-vue-next'` 获取全部图标的名称列表。
 
 ### t-icon、iconfont和icon使用时都会发起网络请求，我的项目是无网络场景，如何使用？
 
diff --git a/src/image-viewer/base/ImageItem.tsx b/src/image-viewer/base/ImageItem.tsx
index 14418927f..3ca05d82d 100644
--- a/src/image-viewer/base/ImageItem.tsx
+++ b/src/image-viewer/base/ImageItem.tsx
@@ -1,10 +1,11 @@
 import {
-  computed, defineComponent, ref, watch,
+  computed, defineComponent, PropType, ref, toRefs, watch,
 } from 'vue';
 import { ImageErrorIcon } from 'tdesign-icons-vue';
 import { useConfig } from '../../hooks/useConfig';
 import { useDrag } from '../hooks';
 import { setTransform } from '../../utils/helper';
+import { useImagePreviewUrl } from '../../hooks';
 
 export default defineComponent({
   name: 'TImageItem',
@@ -12,15 +13,20 @@ export default defineComponent({
     rotate: Number,
     scale: Number,
     mirror: Number,
-    src: String,
-    placementSrc: String,
+    src: [String, File] as PropType<string | File>,
+    placementSrc: [String, File] as PropType<string | File>,
   },
+
   setup(props) {
+    const { src, placementSrc } = toRefs(props);
     const { classPrefix, global: globalConfig } = useConfig('imageViewer');
     const error = ref(false);
     const loaded = ref(false);
     const { transform, mouseDownHandler } = useDrag({ translateX: 0, translateY: 0 });
 
+    const { previewUrl: mainImagePreviewUrl } = useImagePreviewUrl(src);
+    const { previewUrl: placementImagePreviewUrl } = useImagePreviewUrl(placementSrc);
+
     const imgStyle = computed(() => ({
       ...setTransform(`rotate(${props.rotate}deg) scale(${props.scale})`),
       display: !props.placementSrc || loaded.value ? 'block' : 'none',
@@ -55,6 +61,8 @@ export default defineComponent({
       mouseDownHandler,
       placementImgStyle,
       imgStyle,
+      mainImagePreviewUrl,
+      placementImagePreviewUrl,
     };
   },
   render() {
@@ -71,28 +79,28 @@ export default defineComponent({
             </div>
           )}
 
-          {!this.error && !!this.placementSrc && (
+          {!this.error && !!this.placementSrc && this.placementImagePreviewUrl && (
             <img
               class={`${this.classPrefix}-image-viewer__modal-image`}
               onMousedown={(event: MouseEvent) => {
                 event.stopPropagation();
                 this.mouseDownHandler(event);
               }}
-              src={this.placementSrc}
+              src={this.placementImagePreviewUrl}
               style={this.placementImgStyle}
               alt="image"
               draggable="false"
             />
           )}
 
-          {!this.error && (
+          {!this.error && this.mainImagePreviewUrl && (
             <img
               class={`${this.classPrefix}-image-viewer__modal-image`}
               onMousedown={(event: MouseEvent) => {
                 event.stopPropagation();
                 this.mouseDownHandler(event);
               }}
-              src={this.src}
+              src={this.mainImagePreviewUrl}
               onLoad={() => (this.loaded = true)}
               onError={() => (this.error = true)}
               style={this.imgStyle}
diff --git a/src/image-viewer/base/ImageViewerUtils.tsx b/src/image-viewer/base/ImageViewerUtils.tsx
index f7eab59fb..532d0e009 100644
--- a/src/image-viewer/base/ImageViewerUtils.tsx
+++ b/src/image-viewer/base/ImageViewerUtils.tsx
@@ -1,13 +1,12 @@
-import { defineComponent, PropType } from 'vue';
+import { computed, defineComponent, PropType } from 'vue';
 import {
   ImageIcon, ZoomInIcon, ZoomOutIcon, DownloadIcon, MirrorIcon, RotationIcon,
 } from 'tdesign-icons-vue';
-
 import TImageViewerIcon from './ImageModalIcon';
 import TToolTip from '../../tooltip';
 import { useConfig } from '../../hooks/useConfig';
 import { downloadFile } from '../utils';
-
+import { useImagePreviewUrl } from '../../hooks';
 import { ImageInfo } from '../type';
 
 const currentImage = {
@@ -28,12 +27,17 @@ export default defineComponent({
     resetHandler: Function as PropType<() => void>,
     currentImage,
   },
-  setup() {
+  setup(props) {
     const { classPrefix, global: globalConfig } = useConfig('imageViewer');
 
+    const imageUrl = computed(() => props.currentImage.mainImage);
+
+    const { previewUrl } = useImagePreviewUrl(imageUrl);
+
     return {
       classPrefix,
       globalConfig,
+      previewUrl,
     };
   },
   render() {
@@ -83,7 +87,7 @@ export default defineComponent({
             <TImageViewerIcon
               icon={() => <DownloadIcon size="medium" />}
               clickHandler={() => {
-                downloadFile(this.currentImage.mainImage);
+                downloadFile(this.previewUrl);
               }}
             />
           )}
diff --git a/src/image-viewer/image-viewer.en-US.md b/src/image-viewer/image-viewer.en-US.md
index 81e7ede93..de569daf9 100644
--- a/src/image-viewer/image-viewer.en-US.md
+++ b/src/image-viewer/image-viewer.en-US.md
@@ -9,24 +9,23 @@ closeBtn | Boolean / Slot / Function | true | Typescript：`boolean \| TNode`。
 closeOnOverlay | Boolean | - | \- | N
 draggable | Boolean | undefined | \- | N
 imageScale | Object | - | Typescript：`ImageScale` `interface ImageScale { max: number; min: number; step: number }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/image-viewer/type.ts) | N
-images | Array | [] | Typescript：`Array<string \| ImageInfo>` `interface ImageInfo { mainImage: string; thumbnail?: string; download?: boolean }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/image-viewer/type.ts) | N
+images | Array | [] | Typescript：`Array<string \| File \| ImageInfo>` `interface ImageInfo { mainImage: string \| File; thumbnail?: string \| File; download?: boolean }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/image-viewer/type.ts) | N
 index | Number | - | `.sync` is supported | N
 defaultIndex | Number | - | uncontrolled property | N
-mode | String | modal | options：modal/modeless | N
+mode | String | modal | options: modal/modeless | N
 navigationArrow | Boolean / Slot / Function | true | Typescript：`boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 showOverlay | Boolean | undefined | \- | N
 title | String / Slot / Function | - | preview title。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 trigger | String / Slot / Function | - | trigger element。Typescript：`string \| TNode<{ open: () => void }>`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 viewerScale | Object | - | Typescript：`ImageViewerScale` `interface ImageViewerScale { minWidth: number; minHeight: number }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/image-viewer/type.ts) | N
 visible | Boolean | false | `v-model` is supported | N
-defaultVisible | Boolean | false | uncontrolled property | N
 zIndex | Number | - | \- | N
 onClose | Function |  | Typescript：`(context: { trigger: 'close-btn' \| 'overlay' \| 'esc'; e: MouseEvent \| KeyboardEvent }) => void`<br/> | N
-onIndexChange | Function |  | Typescript：`(index: number, context: { trigger: 'prev' \| 'next' }) => void`<br/> | N
+onIndexChange | Function |  | Typescript：`(index: number, context: { trigger: 'prev' \| 'next' \| 'current' }) => void`<br/> | N
 
 ### ImageViewer Events
 
 name | params | description
 -- | -- | --
 close | `(context: { trigger: 'close-btn' \| 'overlay' \| 'esc'; e: MouseEvent \| KeyboardEvent })` | \-
-index-change | `(index: number, context: { trigger: 'prev' \| 'next' })` | \-
+index-change | `(index: number, context: { trigger: 'prev' \| 'next' \| 'current' })` | \-
diff --git a/src/image-viewer/image-viewer.md b/src/image-viewer/image-viewer.md
index 9c26977a8..cfebade10 100644
--- a/src/image-viewer/image-viewer.md
+++ b/src/image-viewer/image-viewer.md
@@ -9,7 +9,7 @@ closeBtn | Boolean / Slot / Function | true | 是否展示关闭按钮，值为
 closeOnOverlay | Boolean | - | 是否在点击遮罩层时，触发预览关闭 | N
 draggable | Boolean | undefined | 是否允许拖拽调整位置。`mode=modal` 时，默认不允许拖拽；`mode=modeless` 时，默认允许拖拽 | N
 imageScale | Object | - |  图片缩放相关配置。`imageScale.max` 缩放的最大比例；`imageScale.min` 缩放的最小比例；`imageScale.step` 缩放的步长速度。TS 类型：`ImageScale` `interface ImageScale { max: number; min: number; step: number }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/image-viewer/type.ts) | N
-images | Array | [] | 图片数组。`mainImage` 表示主图，必传；`thumbnail` 表示缩略图，如果不存在，则使用主图显示；`download` 是否允许下载图片，默认允许下载。示例: `['img_url_1', 'img_url_2']`，`[{ thumbnail: 'small_image_url', mainImage: 'big_image_url', download: false }]`。TS 类型：`Array<string \| ImageInfo>` `interface ImageInfo { mainImage: string; thumbnail?: string; download?: boolean }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/image-viewer/type.ts) | N
+images | Array | [] | 图片数组。`mainImage` 表示主图，必传；`thumbnail` 表示缩略图，如果不存在，则使用主图显示；`download` 是否允许下载图片，默认允许下载。示例: `['img_url_1', 'img_url_2']`，`[{ thumbnail: 'small_image_url', mainImage: 'big_image_url', download: false }]`。TS 类型：`Array<string \| File \| ImageInfo>` `interface ImageInfo { mainImage: string \| File; thumbnail?: string \| File; download?: boolean }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/image-viewer/type.ts) | N
 index | Number | - | 当前预览图片所在的下标。支持语法糖 `.sync` | N
 defaultIndex | Number | - | 当前预览图片所在的下标。非受控属性 | N
 mode | String | modal | 模态预览（modal）和非模态预览（modeless)。可选项：modal/modeless | N
@@ -19,14 +19,13 @@ title | String / Slot / Function | - | 预览标题。TS 类型：`string \| TNo
 trigger | String / Slot / Function | - | 触发图片预览的元素，可能是一个预览按钮，可能是一张缩略图，完全自定义。TS 类型：`string \| TNode<{ open: () => void }>`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 viewerScale | Object | - | 限制预览器缩放的最小宽度和最小高度，仅 `mode=modeless` 时有效。TS 类型：`ImageViewerScale` `interface ImageViewerScale { minWidth: number; minHeight: number }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/image-viewer/type.ts) | N
 visible | Boolean | false | 隐藏/显示预览。支持语法糖 `v-model` | N
-defaultVisible | Boolean | false | 隐藏/显示预览。非受控属性 | N
 zIndex | Number | - | 层级，默认为 2000 | N
 onClose | Function |  | TS 类型：`(context: { trigger: 'close-btn' \| 'overlay' \| 'esc'; e: MouseEvent \| KeyboardEvent }) => void`<br/>关闭时触发，事件参数包含触发关闭的来源：关闭按钮、遮罩层、ESC 键 | N
-onIndexChange | Function |  | TS 类型：`(index: number, context: { trigger: 'prev' \| 'next' }) => void`<br/>预览图片切换时触发，`context.prev` 切换到上一张图片，`context.next` 切换到下一张图片 | N
+onIndexChange | Function |  | TS 类型：`(index: number, context: { trigger: 'prev' \| 'next' \| 'current' }) => void`<br/>预览图片切换时触发，`context.prev` 切换到上一张图片，`context.next` 切换到下一张图片 | N
 
 ### ImageViewer Events
 
 名称 | 参数 | 描述
 -- | -- | --
 close | `(context: { trigger: 'close-btn' \| 'overlay' \| 'esc'; e: MouseEvent \| KeyboardEvent })` | 关闭时触发，事件参数包含触发关闭的来源：关闭按钮、遮罩层、ESC 键
-index-change | `(index: number, context: { trigger: 'prev' \| 'next' })` | 预览图片切换时触发，`context.prev` 切换到上一张图片，`context.next` 切换到下一张图片
+index-change | `(index: number, context: { trigger: 'prev' \| 'next' \| 'current' })` | 预览图片切换时触发，`context.prev` 切换到上一张图片，`context.next` 切换到下一张图片
diff --git a/src/image-viewer/image-viewer.tsx b/src/image-viewer/image-viewer.tsx
index 27b9e2f4b..53093e7e7 100644
--- a/src/image-viewer/image-viewer.tsx
+++ b/src/image-viewer/image-viewer.tsx
@@ -2,7 +2,6 @@ import {
   computed, defineComponent, ref, toRefs, watch,
 } from 'vue';
 import { ChevronLeftIcon, ChevronDownIcon, CloseIcon } from 'tdesign-icons-vue';
-
 import props from './props';
 import Container from './base/Container';
 import TImageViewerIcon from './base/ImageModalIcon';
@@ -14,11 +13,11 @@ import useDefaultValue from '../hooks/useDefaultValue';
 import { usePrefixClass } from '../hooks/useConfig';
 import { renderTNodeJSX } from '../utils/render-tnode';
 import { setTransform } from '../utils/helper';
-
 import { TdImageViewerProps } from './type';
 import { useMirror, useRotate, useScale } from './hooks';
 import { formatImages, getOverlay } from './utils';
 import { EVENT_CODE } from './const';
+import Image from '../image';
 
 export default defineComponent({
   name: 'TImageViewer',
@@ -87,7 +86,7 @@ export default defineComponent({
     };
 
     const onImgClick = (i: number) => {
-      setIndexValue(i, { trigger: i > indexValue.value ? 'next' : 'prev' });
+      setIndexValue(i, { trigger: 'current' });
     };
 
     const openHandler = () => {
@@ -223,7 +222,7 @@ export default defineComponent({
                     },
                   ]}
                 >
-                  <img
+                  <Image
                     alt=""
                     src={image.thumbnail || image.mainImage}
                     class={`${this.COMPONENT_NAME}__header-img`}
diff --git a/src/image-viewer/type.ts b/src/image-viewer/type.ts
index 5a4c6add3..05bb0ab9f 100644
--- a/src/image-viewer/type.ts
+++ b/src/image-viewer/type.ts
@@ -28,7 +28,7 @@ export interface TdImageViewerProps {
    * 图片数组。`mainImage` 表示主图，必传；`thumbnail` 表示缩略图，如果不存在，则使用主图显示；`download` 是否允许下载图片，默认允许下载。示例: `['img_url_1', 'img_url_2']`，`[{ thumbnail: 'small_image_url', mainImage: 'big_image_url', download: false }]`
    * @default []
    */
-  images?: Array<string | ImageInfo>;
+  images?: Array<string | File | ImageInfo>;
   /**
    * 当前预览图片所在的下标
    */
@@ -84,7 +84,7 @@ export interface TdImageViewerProps {
   /**
    * 预览图片切换时触发，`context.prev` 切换到上一张图片，`context.next` 切换到下一张图片
    */
-  onIndexChange?: (index: number, context: { trigger: 'prev' | 'next' }) => void;
+  onIndexChange?: (index: number, context: { trigger: 'prev' | 'next' | 'current' }) => void;
 }
 
 export interface ImageScale {
@@ -94,8 +94,8 @@ export interface ImageScale {
 }
 
 export interface ImageInfo {
-  mainImage: string;
-  thumbnail?: string;
+  mainImage: string | File;
+  thumbnail?: string | File;
   download?: boolean;
 }
 
diff --git a/src/image-viewer/utils.ts b/src/image-viewer/utils.ts
index 8c4bbe0a5..194d3dd05 100644
--- a/src/image-viewer/utils.ts
+++ b/src/image-viewer/utils.ts
@@ -26,7 +26,7 @@ export const downloadFile = function (imgSrc: string) {
   image.src = imgSrc;
 };
 
-const isImageInfo = (image: string | ImageInfo): image is ImageInfo => typeof image !== 'string';
+const isImageInfo = (image: string | File | ImageInfo): image is ImageInfo => typeof image !== 'string' && !(image instanceof File);
 
 export const formatImages = (images: TdImageViewerProps['images']): ImageInfo[] => {
   if (!Array.isArray(images)) return [];
diff --git a/src/image/__tests__/__snapshots__/vitest-image.test.jsx.snap b/src/image/__tests__/__snapshots__/vitest-image.test.jsx.snap
index f89b3cc8f..7a3583797 100644
--- a/src/image/__tests__/__snapshots__/vitest-image.test.jsx.snap
+++ b/src/image/__tests__/__snapshots__/vitest-image.test.jsx.snap
@@ -85,20 +85,12 @@ exports[`Image Component > props.overlayContent works fine 1`] = `
           fill="none"
           height="1em"
           style="font-size: 24px;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            clip-rule="evenodd"
-            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
             fill="currentColor"
-            fill-opacity="0.9"
-            fill-rule="evenodd"
-          />
-          <path
-            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-            fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -154,20 +146,12 @@ exports[`Image Component > props.placeholder works fine 1`] = `
           fill="none"
           height="1em"
           style="font-size: 24px;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            clip-rule="evenodd"
-            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-            fill="currentColor"
-            fill-opacity="0.9"
-            fill-rule="evenodd"
-          />
-          <path
-            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -226,20 +210,12 @@ exports[`Image Component > slots.overlay-content works fine 1`] = `
           fill="none"
           height="1em"
           style="font-size: 24px;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            clip-rule="evenodd"
-            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
             fill="currentColor"
-            fill-opacity="0.9"
-            fill-rule="evenodd"
-          />
-          <path
-            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-            fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -286,20 +262,12 @@ exports[`Image Component > slots.overlayContent works fine 1`] = `
           fill="none"
           height="1em"
           style="font-size: 24px;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            clip-rule="evenodd"
-            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-            fill="currentColor"
-            fill-opacity="0.9"
-            fill-rule="evenodd"
-          />
-          <path
-            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -355,20 +323,12 @@ exports[`Image Component > slots.placeholder works fine 1`] = `
           fill="none"
           height="1em"
           style="font-size: 24px;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            clip-rule="evenodd"
-            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-            fill="currentColor"
-            fill-opacity="0.9"
-            fill-rule="evenodd"
-          />
-          <path
-            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
diff --git a/src/image/image.en-US.md b/src/image/image.en-US.md
index 392de9324..103c38a91 100644
--- a/src/image/image.en-US.md
+++ b/src/image/image.en-US.md
@@ -7,17 +7,19 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 alt | String | - | \- | N
 error | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
-fit | String | fill | options：contain/cover/fill/none/scale-down | N
+fallback | String | - | display `fallback` image on `src` loading failed. you can also use `error` to define more complex error content | N
+fit | String | fill | options: contain/cover/fill/none/scale-down | N
 gallery | Boolean | false | \- | N
 lazy | Boolean | false | \- | N
 loading | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 overlayContent | String / Slot / Function | - | overlay on the top of image。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
-overlayTrigger | String | always | options：always/hover | N
+overlayTrigger | String | always | options: always/hover | N
 placeholder | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 position | String | center | \- | N
-shape | String | square | options：circle/round/square | N
-src | String | - | \- | N
-srcset | Object | - | for `.avif` and `.webp` image url。Typescript：`ImageSrcset` `interface ImageSrcset { 'image/avif': string; 'image/webp': string; }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/image/type.ts) | N
+referrerpolicy | String | - | attribute of `<img>`, [MDN Definition](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy)。options: no-referrer/no-referrer-when-downgrade/origin/origin-when-cross-origin/same-origin/strict-origin/strict-origin-when-cross-origin/unsafe-url | N
+shape | String | square | options: circle/round/square | N
+src | String / File | - | src attribute of `<img>`. image File can also be loaded。Typescript：`string \| File` | N
+srcset | Object | - | for `.avif` and `.webp` image url, load `srcset` before `src`。Typescript：`ImageSrcset` `interface ImageSrcset { 'image/avif': string; 'image/webp': string; }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/image/type.ts) | N
 onError | Function |  | Typescript：`(context: { e: ImageEvent }) => void`<br/>trigger on image load failed | N
 onLoad | Function |  | Typescript：`(context: { e: ImageEvent }) => void`<br/>trigger on image loaded | N
 
diff --git a/src/image/image.md b/src/image/image.md
index b399e9ccc..d1ca82c12 100644
--- a/src/image/image.md
+++ b/src/image/image.md
@@ -7,6 +7,7 @@
 -- | -- | -- | -- | --
 alt | String | - | 图片描述 | N
 error | String / Slot / Function | - | 自定义图片加载失败状态下的显示内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
+fallback | String | - | 图片加载失败时，显示当前链接设置的图片地址。如果要使用组件图标或完全自定义加载失败时显示的内容，请更为使用 `error` | N
 fit | String | fill | 图片填充模式。可选项：contain/cover/fill/none/scale-down | N
 gallery | Boolean | false | 是否展示为图集样式 | N
 lazy | Boolean | false | 是否开启图片懒加载 | N
@@ -15,9 +16,10 @@ overlayContent | String / Slot / Function | - | 图片上方的浮层内容。TS
 overlayTrigger | String | always | 浮层 `overlayContent` 出现的时机。可选项：always/hover | N
 placeholder | String / Slot / Function | - | 占位元素，展示层级低于 `loading` `error` 和图片本身，值类型为字符串时表示占位图片地址。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 position | String | center | 等同于原生的 object-position 属性，可选值为 top right bottom left 或 string，可以自定义任何单位，px 或者 百分比 | N
+referrerpolicy | String | - | `<img>` 标签的原生属性，[MDN 定义](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy)。可选项：no-referrer/no-referrer-when-downgrade/origin/origin-when-cross-origin/same-origin/strict-origin/strict-origin-when-cross-origin/unsafe-url | N
 shape | String | square | 图片圆角类型。可选项：circle/round/square | N
-src | String | - | 图片链接 | N
-srcset | Object | - | 图片地址，支持特殊格式的图片，如 `.avif` 和 `.webp`。TS 类型：`ImageSrcset` `interface ImageSrcset { 'image/avif': string; 'image/webp': string; }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/image/type.ts) | N
+src | String / File | - | 用于显示图片的链接或原始图片文件对象。TS 类型：`string \| File` | N
+srcset | Object | - | 图片链接集合，用于支持特殊格式的图片，如 `.avif` 和 `.webp`。会优先加载 `srcset` 中的图片格式，浏览器不支持的情况下，加载 `src` 设置的图片地址。TS 类型：`ImageSrcset` `interface ImageSrcset { 'image/avif': string; 'image/webp': string; }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/image/type.ts) | N
 onError | Function |  | TS 类型：`(context: { e: ImageEvent }) => void`<br/>图片加载失败时触发 | N
 onLoad | Function |  | TS 类型：`(context: { e: ImageEvent }) => void`<br/>图片加载完成时触发 | N
 
diff --git a/src/image/image.tsx b/src/image/image.tsx
index 124c1167f..b23177ef0 100644
--- a/src/image/image.tsx
+++ b/src/image/image.tsx
@@ -1,26 +1,27 @@
 import {
-  computed, defineComponent, onMounted, onUnmounted, ref, watch,
+  computed, defineComponent, onMounted, onUnmounted, ref, watch, toRefs,
 } from 'vue';
 import omit from 'lodash/omit';
 import isFunction from 'lodash/isFunction';
 import { ImageErrorIcon, ImageIcon } from 'tdesign-icons-vue';
 import observe from '../_common/js/utils/observe';
 import { useConfig } from '../config-provider/useConfig';
+import { TdImageProps } from './type';
 import props from './props';
 import { renderTNodeJSX } from '../utils/render-tnode';
 import Space from '../space';
+import { useImagePreviewUrl } from '../hooks';
 
 export default defineComponent({
   name: 'TImage',
   components: { Space },
-  props: {
-    ...props,
-  },
-  setup(props, { emit }) {
-    // eslint-disable-next-line vue/no-setup-props-destructure
+  props,
+  setup(props: TdImageProps, { emit }) {
+    const { onLoad, onError } = props;
+
     const {
-      lazy, overlayTrigger, onLoad, onError,
-    } = props;
+      src, lazy, fallback, overlayTrigger,
+    } = toRefs(props);
 
     const rest = omit(props, [
       'className',
@@ -45,17 +46,27 @@ export default defineComponent({
     const imageRef = ref<HTMLElement>(null);
 
     // replace image url
-    const imageSrc = computed(() => isFunction(globalConfig.value.replaceImageSrc) ? globalConfig.value.replaceImageSrc(props) : props.src);
+    const imageStrSrc = ref(src.value);
 
     watch(
-      () => props.src,
-      () => {
-        hasError.value = false;
-        isLoaded.value = false;
+      [src, globalConfig],
+      ([src, globalConfig]) => {
+        const { replaceImageSrc } = globalConfig || {};
+        const tmpUrl = isFunction(replaceImageSrc) ? replaceImageSrc(props) : src;
+        if (tmpUrl === src) return;
+        imageStrSrc.value = tmpUrl;
       },
+      { immediate: true },
     );
 
-    const shouldLoad = ref(!lazy);
+    const { previewUrl } = useImagePreviewUrl(imageStrSrc);
+
+    watch([previewUrl], () => {
+      hasError.value = false;
+      isLoaded.value = false;
+    });
+
+    const shouldLoad = ref(!lazy.value);
     const handleLoadImage = () => {
       shouldLoad.value = true;
     };
@@ -70,11 +81,15 @@ export default defineComponent({
     const hasError = ref(false);
     const handleError = (e: Event) => {
       hasError.value = true;
+      // show fallback url if load failed
+      if (fallback.value) {
+        imageStrSrc.value = fallback.value;
+      }
       emit('error', { e });
       onError?.({ e });
     };
 
-    const hasMouseEvent = overlayTrigger === 'hover';
+    const hasMouseEvent = overlayTrigger.value === 'hover';
 
     const shouldShowOverlay = ref(!hasMouseEvent);
     const handleToggleOverlay = () => {
@@ -109,7 +124,8 @@ export default defineComponent({
       hasMouseEvent,
       handleToggleOverlay,
       shouldShowOverlay,
-      imageSrc,
+      imageStrSrc,
+      previewUrl,
       hasError,
       shouldLoad,
       handleError,
@@ -150,21 +166,30 @@ export default defineComponent({
           {Object.entries(this.srcset).map(([type, url]) => (
             <source type={type} srcset={url} />
           ))}
-          {this.src && this.renderImage(this.src)}
+          {this.renderImage()}
         </picture>
       );
     },
 
-    renderImage(url: string) {
+    renderImage() {
+      // string / File
+      const url = typeof this.imageStrSrc === 'string' ? this.imageStrSrc : this.previewUrl;
       return (
-        <img src={url} onError={this.handleError} onLoad={this.handleLoad} class={this.imageClasses} alt={this.alt} />
+        <img
+          src={url}
+          onError={this.handleError}
+          onLoad={this.handleLoad}
+          class={this.imageClasses}
+          alt={this.alt}
+          // @ts-ignore
+          referrerpolicy={this.referrerpolicy}
+        />
       );
     },
   },
 
   render() {
     return (
-      // @ts-ignore
       <div
         ref="imageRef"
         class={[
@@ -176,19 +201,21 @@ export default defineComponent({
         onMouseenter={this.handleToggleOverlay}
         onMouseleave={this.handleToggleOverlay}
         {...this.rest}
+        // @ts-ignore
+        on={this.$listeners}
       >
         {this.renderPlaceholder()}
         {this.renderGalleryShadow()}
 
         {(this.hasError || !this.shouldLoad) && <div class={`${this.classPrefix}-image`} />}
         {!(this.hasError || !this.shouldLoad)
-          && (this.srcset && Object.keys(this.srcset).length ? this.renderImageSrcset() : this.renderImage(this.imageSrc))}
+          && (this.srcset && Object.keys(this.srcset).length ? this.renderImageSrcset() : this.renderImage())}
         {!(this.hasError || !this.shouldLoad) && !this.isLoaded && (
           <div class={`${this.classPrefix}-image__loading`}>
             {renderTNodeJSX(this, 'loading') || (
               <Space direction="vertical" size={8} align="center">
                 <ImageIcon size="24px" />
-                {this.globalConfig.loadingText}
+                {typeof this.loading === 'string' ? this.loading : this.globalConfig.loadingText}
               </Space>
             )}
           </div>
@@ -199,7 +226,7 @@ export default defineComponent({
             {renderTNodeJSX(this, 'error') || (
               <Space direction="vertical" size={8} align="center">
                 <ImageErrorIcon size="24px" />
-                {this.globalConfig.errorText}
+                {typeof this.error === 'string' ? this.error : this.globalConfig.errorText}
               </Space>
             )}
           </div>
diff --git a/src/image/props.ts b/src/image/props.ts
index 3e745b897..4ea995c29 100644
--- a/src/image/props.ts
+++ b/src/image/props.ts
@@ -17,6 +17,11 @@ export default {
   error: {
     type: [String, Function] as PropType<TdImageProps['error']>,
   },
+  /** 图片加载失败时，显示当前链接设置的图片地址。如果要使用组件图标或完全自定义加载失败时显示的内容，请更为使用 `error` */
+  fallback: {
+    type: String,
+    default: '',
+  },
   /** 图片填充模式 */
   fit: {
     type: String as PropType<TdImageProps['fit']>,
@@ -56,6 +61,23 @@ export default {
     type: String,
     default: 'center',
   },
+  /** `<img>` 标签的原生属性，[MDN 定义](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy) */
+  referrerpolicy: {
+    type: String as PropType<TdImageProps['referrerpolicy']>,
+    validator(val: TdImageProps['referrerpolicy']): boolean {
+      if (!val) return true;
+      return [
+        'no-referrer',
+        'no-referrer-when-downgrade',
+        'origin',
+        'origin-when-cross-origin',
+        'same-origin',
+        'strict-origin',
+        'strict-origin-when-cross-origin',
+        'unsafe-url',
+      ].includes(val);
+    },
+  },
   /** 图片圆角类型 */
   shape: {
     type: String as PropType<TdImageProps['shape']>,
@@ -65,12 +87,11 @@ export default {
       return ['circle', 'round', 'square'].includes(val);
     },
   },
-  /** 图片链接 */
+  /** 用于显示图片的链接或原始图片文件对象 */
   src: {
-    type: String,
-    default: '',
+    type: [String, File] as PropType<TdImageProps['src']>,
   },
-  /** 图片地址，支持特殊格式的图片，如 `.avif` 和 `.webp` */
+  /** 图片链接集合，用于支持特殊格式的图片，如 `.avif` 和 `.webp`。会优先加载 `srcset` 中的图片格式，浏览器不支持的情况下，加载 `src` 设置的图片地址 */
   srcset: {
     type: Object as PropType<TdImageProps['srcset']>,
   },
diff --git a/src/image/type.ts b/src/image/type.ts
index 1ae646f7a..e8fe3af3d 100644
--- a/src/image/type.ts
+++ b/src/image/type.ts
@@ -16,6 +16,11 @@ export interface TdImageProps {
    * 自定义图片加载失败状态下的显示内容
    */
   error?: string | TNode;
+  /**
+   * 图片加载失败时，显示当前链接设置的图片地址。如果要使用组件图标或完全自定义加载失败时显示的内容，请更为使用 `error`
+   * @default ''
+   */
+  fallback?: string;
   /**
    * 图片填充模式
    * @default fill
@@ -53,18 +58,29 @@ export interface TdImageProps {
    * @default center
    */
   position?: string;
+  /**
+   * `<img>` 标签的原生属性，[MDN 定义](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy)
+   */
+  referrerpolicy?:
+    | 'no-referrer'
+    | 'no-referrer-when-downgrade'
+    | 'origin'
+    | 'origin-when-cross-origin'
+    | 'same-origin'
+    | 'strict-origin'
+    | 'strict-origin-when-cross-origin'
+    | 'unsafe-url';
   /**
    * 图片圆角类型
    * @default square
    */
   shape?: 'circle' | 'round' | 'square';
   /**
-   * 图片链接
-   * @default ''
+   * 用于显示图片的链接或原始图片文件对象
    */
-  src?: string;
+  src?: string | File;
   /**
-   * 图片地址，支持特殊格式的图片，如 `.avif` 和 `.webp`
+   * 图片链接集合，用于支持特殊格式的图片，如 `.avif` 和 `.webp`。会优先加载 `srcset` 中的图片格式，浏览器不支持的情况下，加载 `src` 设置的图片地址
    */
   srcset?: ImageSrcset;
   /**
diff --git a/src/input-number/__tests__/__snapshots__/index.test.jsx.snap b/src/input-number/__tests__/__snapshots__/index.test.jsx.snap
index 588237832..ff3c4d8b7 100644
--- a/src/input-number/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/input-number/__tests__/__snapshots__/index.test.jsx.snap
@@ -12,13 +12,12 @@ exports[`InputNumber > :props > :defaultValue, default value 6 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -45,13 +44,12 @@ exports[`InputNumber > :props > :defaultValue, default value 6 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -71,13 +69,12 @@ exports[`InputNumber > :props > :disabled, function can not be call 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -107,13 +104,12 @@ exports[`InputNumber > :props > :disabled, function can not be call 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -132,13 +128,12 @@ exports[`InputNumber > :props > :format, with 6% 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -165,13 +160,12 @@ exports[`InputNumber > :props > :format, with 6% 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -190,13 +184,12 @@ exports[`InputNumber > :props > :max, value 6 < max 10 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -223,13 +216,12 @@ exports[`InputNumber > :props > :max, value 6 < max 10 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -248,13 +240,12 @@ exports[`InputNumber > :props > :max, value 16 > max 10 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -281,13 +272,12 @@ exports[`InputNumber > :props > :max, value 16 > max 10 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -306,13 +296,12 @@ exports[`InputNumber > :props > :min, value -1 < min 1 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -339,13 +328,12 @@ exports[`InputNumber > :props > :min, value -1 < min 1 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -364,13 +352,12 @@ exports[`InputNumber > :props > :min, value 6 > min 1 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -397,13 +384,12 @@ exports[`InputNumber > :props > :min, value 6 > min 1 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -422,13 +408,12 @@ exports[`InputNumber > :props > :mode, without class t-is-controls-right 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -455,13 +440,12 @@ exports[`InputNumber > :props > :mode, without class t-is-controls-right 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -480,13 +464,12 @@ exports[`InputNumber > :props > :mode:column, with class t-is-controls-right 1`]
       class="t-icon t-icon-chevron-down t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+        d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -513,13 +496,12 @@ exports[`InputNumber > :props > :mode:column, with class t-is-controls-right 1`]
       class="t-icon t-icon-chevron-up t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+        d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -538,13 +520,12 @@ exports[`InputNumber > :props > :mode:row, without class t-is-controls-right 1`]
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -571,13 +552,12 @@ exports[`InputNumber > :props > :mode:row, without class t-is-controls-right 1`]
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -596,13 +576,12 @@ exports[`InputNumber > :props > :size:large, with class t-size-l 1`] = `
       class="t-icon t-icon-remove t-size-l"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -629,13 +608,12 @@ exports[`InputNumber > :props > :size:large, with class t-size-l 1`] = `
       class="t-icon t-icon-add t-size-l"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -654,13 +632,12 @@ exports[`InputNumber > :props > :size:medium, with class t-size-m 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -687,13 +664,12 @@ exports[`InputNumber > :props > :size:medium, with class t-size-m 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -712,13 +688,12 @@ exports[`InputNumber > :props > :size:small, with class t-size-s 1`] = `
       class="t-icon t-icon-remove t-size-s"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -745,13 +720,12 @@ exports[`InputNumber > :props > :size:small, with class t-size-s 1`] = `
       class="t-icon t-icon-add t-size-s"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -770,13 +744,12 @@ exports[`InputNumber > :props > :step, 2 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -803,13 +776,12 @@ exports[`InputNumber > :props > :step, 2 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -828,13 +800,12 @@ exports[`InputNumber > :props > :value, 6 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -861,13 +832,12 @@ exports[`InputNumber > :props > :value, 6 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -886,13 +856,12 @@ exports[`InputNumber > :props > :value, 6.55 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -919,13 +888,12 @@ exports[`InputNumber > :props > :value, 6.55 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -944,13 +912,12 @@ exports[`InputNumber > :props > class, with class t-input-number 1`] = `
       class="t-icon t-icon-remove t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M3.5 7.35h9v1.3h-9v-1.3z"
+        d="M4 11h16v2H4v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
@@ -977,13 +944,12 @@ exports[`InputNumber > :props > class, with class t-input-number 1`] = `
       class="t-icon t-icon-add t-size-m"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+        d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </button>
diff --git a/src/input/__tests__/__snapshots__/index.test.jsx.snap b/src/input/__tests__/__snapshots__/index.test.jsx.snap
index 5ee873ddd..af52c3201 100644
--- a/src/input/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/input/__tests__/__snapshots__/index.test.jsx.snap
@@ -23,18 +23,12 @@ exports[`Input > $attrs > input attrs should pass to input element 1`] = `
         class="t-icon t-icon-browse-off t-input__suffix-clear"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 26 24"
         width="1em"
       >
         <path
-          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"
+          d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
           fill="currentColor"
-          fill-opacity="0.9"
-        />
-        <path
-          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="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
diff --git a/src/link/_example/download.vue b/src/link/_example/download.vue
new file mode 100644
index 000000000..c568acbd2
--- /dev/null
+++ b/src/link/_example/download.vue
@@ -0,0 +1,6 @@
+<template>
+  <t-space>
+    <t-link theme="primary" download href="/starter/assets/vue.ee956b80.svg">跳转链接</t-link>
+    <t-link theme="primary" download="test/download-file.png" href="/starter/assets/vue.ee956b80.svg">跳转链接</t-link>
+  </t-space>
+</template>
diff --git a/src/link/link.en-US.md b/src/link/link.en-US.md
index 28fd15f48..8f03c5ed3 100644
--- a/src/link/link.en-US.md
+++ b/src/link/link.en-US.md
@@ -8,13 +8,14 @@ name | type | default | description | required
 content | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 default | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 disabled | Boolean | - | make link to be disabled | N
-hover | String | underline | hover link style。options：color/underline | N
+download | String / Boolean | - | Causes the browser to treat the linked URL as a download | N
+hover | String | underline | hover link style。options: color/underline | N
 href | String | - | \- | N
 prefixIcon | Slot / Function | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
-size | String | medium | options：small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
+size | String | medium | options: small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 suffixIcon | Slot / Function | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 target | String | - | target is an attribute of `<a>` | N
-theme | String | default | options：default/primary/danger/warning/success | N
+theme | String | default | options: default/primary/danger/warning/success | N
 underline | Boolean | - | \- | N
 onClick | Function |  | Typescript：`(e: MouseEvent) => void`<br/>click event, it won't trigger when it's disabled | N
 
diff --git a/src/link/link.md b/src/link/link.md
index a8f2ccee5..5a86b6a59 100644
--- a/src/link/link.md
+++ b/src/link/link.md
@@ -8,6 +8,7 @@
 content | String / Slot / Function | - | 链接内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 default | String / Slot / Function | - | 链接内容，同 content。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 disabled | Boolean | - | 禁用链接 | N
+download | String / Boolean | - | 使得浏览器将链接的 URL 视为可下载资源 | N
 hover | String | underline | 链接悬浮态样式，有 文本颜色变化、添加下划线等 2 种方法。可选项：color/underline | N
 href | String | - | 跳转链接 | N
 prefixIcon | Slot / Function | - | 前置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
diff --git a/src/link/link.tsx b/src/link/link.tsx
index baf27da6f..05a10063d 100644
--- a/src/link/link.tsx
+++ b/src/link/link.tsx
@@ -36,6 +36,7 @@ export default mixins(classPrefixMixins).extend({
         class={linkClass}
         href={this.disabled || !this.href ? undefined : this.href}
         target={this.target}
+        download={this.download}
         onClick={this.handleClick}
       >
         {prefixContent && <span class={`${this.componentName}__prefix-icon`}>{prefixContent}</span>}
diff --git a/src/link/props.ts b/src/link/props.ts
index 43a182d94..853987c15 100644
--- a/src/link/props.ts
+++ b/src/link/props.ts
@@ -18,6 +18,10 @@ export default {
   },
   /** 禁用链接 */
   disabled: Boolean,
+  /** 使得浏览器将链接的 URL 视为可下载资源 */
+  download: {
+    type: [String, Boolean] as PropType<TdLinkProps['download']>,
+  },
   /** 链接悬浮态样式，有 文本颜色变化、添加下划线等 2 种方法 */
   hover: {
     type: String as PropType<TdLinkProps['hover']>,
diff --git a/src/link/type.ts b/src/link/type.ts
index 7748826f1..64bfe6161 100644
--- a/src/link/type.ts
+++ b/src/link/type.ts
@@ -19,6 +19,10 @@ export interface TdLinkProps {
    * 禁用链接
    */
   disabled?: boolean;
+  /**
+   * 使得浏览器将链接的 URL 视为可下载资源
+   */
+  download?: string | boolean;
   /**
    * 链接悬浮态样式，有 文本颜色变化、添加下划线等 2 种方法
    * @default underline
diff --git a/src/message/__tests__/__snapshots__/index.test.jsx.snap b/src/message/__tests__/__snapshots__/index.test.jsx.snap
index 6d0a41e8f..28f536705 100644
--- a/src/message/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/message/__tests__/__snapshots__/index.test.jsx.snap
@@ -8,13 +8,12 @@ exports[`Message > :props > :closeBtn is a function, () => VNode. 1`] = `
     class="t-icon t-icon-info-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -37,13 +36,12 @@ exports[`Message > :props > :closeBtn is a string, equal "关闭". 1`] = `
     class="t-icon t-icon-info-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -62,13 +60,12 @@ exports[`Message > :props > :closeBtn is true, render default close button. 1`]
     class="t-icon t-icon-info-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -78,13 +75,12 @@ exports[`Message > :props > :closeBtn is true, render default close button. 1`]
       class="t-icon t-icon-close"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </span>
@@ -99,13 +95,12 @@ exports[`Message > :props > :default is a function, () => <b>这是重要信息<
     class="t-icon t-icon-info-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <b>
@@ -125,13 +120,12 @@ exports[`Message > :props > :default is a string, 这是普通信息 1`] = `
     class="t-icon t-icon-info-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   这是普通信息
@@ -149,13 +143,12 @@ exports[`Message > :props > :icon is a function, () => MoreIcon 1`] = `
     class="t-icon t-icon-more"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+      d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -182,13 +175,12 @@ exports[`Message > :props > :theme info,success,warning,error,question,loading 1
     class="t-icon t-icon-info-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -205,13 +197,12 @@ exports[`Message > :props > :theme info,success,warning,error,question,loading 2
     class="t-icon t-icon-check-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      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"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -228,13 +219,12 @@ exports[`Message > :props > :theme info,success,warning,error,question,loading 3
     class="t-icon t-icon-error-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -251,13 +241,12 @@ exports[`Message > :props > :theme info,success,warning,error,question,loading 4
     class="t-icon t-icon-error-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -274,13 +263,12 @@ exports[`Message > :props > :theme info,success,warning,error,question,loading 5
     class="t-icon t-icon-help-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.8 6.63a2.2 2.2 0 014.39 0c0 .97-.75 1.72-1.49 2.02a.34.34 0 00-.2.32v.8h-1v-.8c0-.56.33-1.04.82-1.24.5-.2.87-.66.87-1.1a1.2 1.2 0 00-2.39 0h-1zm1.67 4.54a.53.53 0 111.05 0 .53.53 0 01-1.05 0z"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -331,13 +319,12 @@ exports[`Message > :props > pure message contains two classes 1`] = `
     class="t-icon t-icon-info-circle-filled"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+      d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
@@ -354,13 +341,12 @@ exports[`Message > <slot> > <icon> 1`] = `
     class="t-icon t-icon-more"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+      d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <span
diff --git a/src/progress/__tests__/__snapshots__/index.test.jsx.snap b/src/progress/__tests__/__snapshots__/index.test.jsx.snap
index c0e1a117d..fbaf79594 100644
--- a/src/progress/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/progress/__tests__/__snapshots__/index.test.jsx.snap
@@ -421,13 +421,12 @@ exports[`Progress > :props > :status > :status is error 1`] = `
         class="t-icon t-icon-close-circle-filled t-progress__icon"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -458,13 +457,12 @@ exports[`Progress > :props > :status > :status is error and percentage is 100 1`
         class="t-icon t-icon-close-circle-filled t-progress__icon"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -495,13 +493,12 @@ exports[`Progress > :props > :status > :status is success 1`] = `
         class="t-icon t-icon-check-circle-filled t-progress__icon"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          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"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -532,13 +529,12 @@ exports[`Progress > :props > :status > :status is success and percentage is 100
         class="t-icon t-icon-check-circle-filled t-progress__icon"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          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"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -569,13 +565,12 @@ exports[`Progress > :props > :status > :status is warning 1`] = `
         class="t-icon t-icon-error-circle-filled t-progress__icon"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+          d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -606,13 +601,12 @@ exports[`Progress > :props > :status > :status is warning and percentage is 100
         class="t-icon t-icon-error-circle-filled t-progress__icon"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+          d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
diff --git a/src/slider/__tests__/__snapshots__/index.test.jsx.snap b/src/slider/__tests__/__snapshots__/index.test.jsx.snap
index 3553f7d30..53a1c6314 100644
--- a/src/slider/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/slider/__tests__/__snapshots__/index.test.jsx.snap
@@ -125,13 +125,12 @@ exports[`Slider [marks] > render right 1`] = `
           class="t-icon t-icon-chevron-down t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -158,13 +157,12 @@ exports[`Slider [marks] > render right 1`] = `
           class="t-icon t-icon-chevron-up t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+            d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
diff --git a/src/swiper/__tests__/__snapshots__/index.test.jsx.snap b/src/swiper/__tests__/__snapshots__/index.test.jsx.snap
index 71bba540c..13e4e20af 100644
--- a/src/swiper/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/swiper/__tests__/__snapshots__/index.test.jsx.snap
@@ -268,13 +268,12 @@ exports[`Swiper > additional function > navigation: VNode 1`] = `
           class="t-icon t-icon-chevron-left"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+            d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -285,13 +284,12 @@ exports[`Swiper > additional function > navigation: VNode 1`] = `
           class="t-icon t-icon-chevron-right"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -328,13 +326,12 @@ exports[`Swiper > additional function > no valid panel 1`] = `
           class="t-icon t-icon-chevron-left"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+            d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -345,13 +342,12 @@ exports[`Swiper > additional function > no valid panel 1`] = `
           class="t-icon t-icon-chevron-right"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
diff --git a/src/table/_example/editable-cell.vue b/src/table/_example/editable-cell.vue
index 31dec48ca..408b049fd 100644
--- a/src/table/_example/editable-cell.vue
+++ b/src/table/_example/editable-cell.vue
@@ -9,7 +9,6 @@
       :editable-cell-state="editableCellState"
       bordered
       lazyLoad
-      @row-validate="onRowValidate"
     />
     <!-- 示例代码有效，勿删 -->
     <!-- <t-button @click="validateTableData">校验</t-button> -->
@@ -128,6 +127,8 @@ export default {
           cell: (h, { row }) => row.letters.join('、'),
           edit: {
             component: Select,
+            keepEditMode: true,
+            rules: [{ validator: (val) => val.length > 0, message: '至少选择一种' }],
             // props, 透传全部属性到 Select 组件
             // props 为函数时，参数有：col, row, rowIndex, colIndex, editedRow。一般用于实现编辑组件之间的联动
             props: ({
@@ -186,11 +187,9 @@ export default {
   methods: {
     // 用于控制哪些行或哪些单元格不允许出现编辑态
     editableCellState(cellParams) {
-      const { row } = cellParams;
-      return row.status !== 2;
-    },
-    onRowValidate(params) {
-      console.log('validate:', params);
+      const { rowIndex } = cellParams;
+      // return row.status !== 2;
+      return rowIndex !== 2;
     },
 
     // 用于提交前校验数据（示例代码有效，勿删）
diff --git a/src/table/editable-cell.tsx b/src/table/editable-cell.tsx
index 4ab020208..b1e7dc06c 100644
--- a/src/table/editable-cell.tsx
+++ b/src/table/editable-cell.tsx
@@ -79,7 +79,10 @@ export default defineComponent({
   setup(props: EditableCellProps, context: SetupContext) {
     const { row, col } = toRefs(props);
     const tableEditableCellRef = ref(null);
-    const isEdit = ref(props.col.edit?.defaultEditable || false);
+
+    const isKeepEditMode = computed(() => col.value.edit?.keepEditMode);
+
+    const isEdit = ref(isKeepEditMode.value || col.value.edit?.defaultEditable || false);
     const editValue = ref();
     const errorList = ref<AllValidateResult[]>();
     const classPrefix = usePrefixClass();
@@ -90,6 +93,12 @@ export default defineComponent({
       editValue.value = val;
     };
 
+    watch([isKeepEditMode], (val) => {
+      if (val) {
+        isEdit.value = true;
+      }
+    });
+
     const editOnListeners = computed(() => {
       const listeners = col.value.edit?.on?.({ ...cellParams.value, editedRow: currentRow.value, updateEditedCellValue }) || {};
       // example: onEnter-> enter
@@ -213,7 +222,9 @@ export default defineComponent({
         editOnListeners.value[eventName]?.(args[2]);
         // 此处必须在事件执行完成后异步销毁编辑组件，否则会导致事件清除不及时引起的其他问题
         const timer = setTimeout(() => {
-          isEdit.value = false;
+          if (!isKeepEditMode.value) {
+            isEdit.value = false;
+          }
           errorList.value = [];
           props.onEditableChange?.({
             ...cellParams.value,
diff --git a/src/table/table.en-US.md b/src/table/table.en-US.md
index 40e9e7fbe..8f37081a8 100644
--- a/src/table/table.en-US.md
+++ b/src/table/table.en-US.md
@@ -292,6 +292,7 @@ name | type | default | description | required
 abortEditOnEvent | Array | - | Typescript：`string[]` | N
 component | \- | - | component definition。Typescript：`ComponentType`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 defaultEditable | Boolean | false | set default editable once | N
+keepEditMode | Boolean | false | set table cell always to be editable | N
 on | Function | - | Typescript：`(context: TableEditableCellPropsParams<T>) => { [eventName: string]: Function }` | N
 onEdited | Function | - | trigger on finishing editing。Typescript：`(context: PrimaryTableOnEditedContext<T>) => void` `type PrimaryTableOnEditedContext<T> = PrimaryTableCellParams<T> & { trigger: string; newRowData: T; }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/table/type.ts) | N
 props | Object | - | props of `edit.component`。Typescript：`TableEditableCellProps<T>` `type TableEditableCellProps<T> = TablePlainObject \| ((params: TableEditableCellPropsParams<T>) => TablePlainObject)` `interface TableEditableCellPropsParams<T> extends PrimaryTableCellParams<T> { editedRow: T; updateEditedCellValue: (val: any) => void }` `interface TablePlainObject{ [key: string]: any }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts)。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/table/type.ts) | N
diff --git a/src/table/table.md b/src/table/table.md
index ec6370e5a..3b8e16846 100644
--- a/src/table/table.md
+++ b/src/table/table.md
@@ -292,6 +292,7 @@ placement | String | top-right | 列配置按钮基于表格的放置位置：
 abortEditOnEvent | Array | - | 除了点击非自身元素退出编辑态之外，还有哪些事件退出编辑态。示例：`abortEditOnEvent: ['onChange']`。TS 类型：`string[]` | N
 component | \- | - | 组件定义，如：`Input` `Select`。对于完全自定义的组件（非组件库内的组件），组件需要支持 `value` 和 `onChange` ；如果还需要支持校验规则，则组件还需实现 `tips` 和 `status` 两个 API，实现规则可参考 `Input` 组件。TS 类型：`ComponentType`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 defaultEditable | Boolean | false | 单元格默认状态是否为编辑态 | N
+keepEditMode | Boolean | false | 设置当前列的单元格始终保持为编辑态 | N
 on | Function | - | 透传给编辑组件的事件。TS 类型：`(context: TableEditableCellPropsParams<T>) => { [eventName: string]: Function }` | N
 onEdited | Function | - | 编辑完成后，退出编辑模式时触发。TS 类型：`(context: PrimaryTableOnEditedContext<T>) => void` `type PrimaryTableOnEditedContext<T> = PrimaryTableCellParams<T> & { trigger: string; newRowData: T; }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/table/type.ts) | N
 props | Object | - | 透传给组件 `edit.component` 的属性。TS 类型：`TableEditableCellProps<T>` `type TableEditableCellProps<T> = TablePlainObject \| ((params: TableEditableCellPropsParams<T>) => TablePlainObject)` `interface TableEditableCellPropsParams<T> extends PrimaryTableCellParams<T> { editedRow: T; updateEditedCellValue: (val: any) => void }` `interface TablePlainObject{ [key: string]: any }`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/table/type.ts) | N
diff --git a/src/table/type.ts b/src/table/type.ts
index 2285fb0be..2686f5267 100644
--- a/src/table/type.ts
+++ b/src/table/type.ts
@@ -870,6 +870,11 @@ export interface TableEditableCellConfig<T extends TableRowData = TableRowData>
    * @default false
    */
   defaultEditable?: boolean;
+  /**
+   * 设置当前列的单元格始终保持为编辑态
+   * @default false
+   */
+  keepEditMode?: boolean;
   /**
    * 透传给编辑组件的事件
    */
diff --git a/src/tabs/__tests__/__snapshots__/index.test.jsx.snap b/src/tabs/__tests__/__snapshots__/index.test.jsx.snap
index ee7345469..43394e1dc 100644
--- a/src/tabs/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/tabs/__tests__/__snapshots__/index.test.jsx.snap
@@ -35,13 +35,12 @@ exports[`Tabs > :props > :addable 1`] = `
             class="t-icon t-icon-add"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+              d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
diff --git a/src/tag/__tests__/__snapshots__/index.test.jsx.snap b/src/tag/__tests__/__snapshots__/index.test.jsx.snap
index 3dd23e77d..0ac0dc758 100644
--- a/src/tag/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/tag/__tests__/__snapshots__/index.test.jsx.snap
@@ -18,13 +18,12 @@ exports[`Tag or CheckTag > :Tag:props > :closable 1`] = `
     class="t-icon t-icon-close t-tag__icon-close"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
 </span>
@@ -262,13 +261,12 @@ exports[`Tag or CheckTag > @event: Tag > Event passthrough: close 1`] = `
     class="t-icon t-icon-close t-tag__icon-close"
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
 </span>
diff --git a/src/tree-select/__tests__/__snapshots__/index.test.jsx.snap b/src/tree-select/__tests__/__snapshots__/index.test.jsx.snap
index 82c006ded..eff428aa3 100644
--- a/src/tree-select/__tests__/__snapshots__/index.test.jsx.snap
+++ b/src/tree-select/__tests__/__snapshots__/index.test.jsx.snap
@@ -71,13 +71,12 @@ exports[`TreeSelect > :props > :defaultValue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -94,13 +93,12 @@ exports[`TreeSelect > :props > :defaultValue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -482,13 +480,12 @@ exports[`TreeSelect > :props > :multiple 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
diff --git a/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap b/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
index 58833bd48..38fb10ffb 100644
--- a/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
+++ b/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
@@ -18,10 +18,47 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, fail
       <div
         class="t-upload__dragger-img-wrap"
       >
-        <img
-          src="https://image4.png"
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square"
           style="max-width: 120px; max-height: 120px;"
-        />
+        >
+          <img
+            alt=""
+            class="t-image t-image--fit-fill t-image--position-center"
+            src="https://image4.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div
         class="t-upload__dragger-progress-info"
@@ -38,13 +75,12 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, fail
             class="t-icon t-icon-error-circle-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+              d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -109,10 +145,47 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, progr
       <div
         class="t-upload__dragger-img-wrap"
       >
-        <img
-          src="https://image2.png"
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square"
           style="max-width: 120px; max-height: 120px;"
-        />
+        >
+          <img
+            alt=""
+            class="t-image t-image--fit-fill t-image--position-center"
+            src="https://image2.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div
         class="t-upload__dragger-progress-info"
@@ -207,10 +280,47 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, succe
       <div
         class="t-upload__dragger-img-wrap"
       >
-        <img
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square"
           style="max-width: 120px; max-height: 120px;"
-        />
+        >
+          <img
+            alt=""
+            class="t-image t-image--fit-fill t-image--position-center"
+            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div
         class="t-upload__dragger-progress-info"
@@ -227,13 +337,12 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, succe
             class="t-icon t-icon-check-circle-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -298,10 +407,47 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, succe
       <div
         class="t-upload__dragger-img-wrap"
       >
-        <img
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square"
           style="max-width: 120px; max-height: 120px;"
-        />
+        >
+          <img
+            alt=""
+            class="t-image t-image--fit-fill t-image--position-center"
+            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div
         class="t-upload__dragger-progress-info"
@@ -318,13 +464,12 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, succe
             class="t-icon t-icon-check-circle-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -389,10 +534,47 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, waiti
       <div
         class="t-upload__dragger-img-wrap"
       >
-        <img
-          src="https://image3.png"
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square"
           style="max-width: 120px; max-height: 120px;"
-        />
+        >
+          <img
+            alt=""
+            class="t-image t-image--fit-fill t-image--position-center"
+            src="https://image3.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
       <div
         class="t-upload__dragger-progress-info"
@@ -462,18 +644,12 @@ exports[`Upload Component > props.theme: theme=file-flow works fine 1`] = `
             class="t-icon t-icon-upload"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
+              d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
           <span
@@ -523,13 +699,12 @@ exports[`Upload Component > props.theme: theme=file-flow works fine 1`] = `
                 class="t-icon t-icon-check-circle-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
               <span
@@ -567,13 +742,12 @@ exports[`Upload Component > props.theme: theme=file-flow works fine 1`] = `
                 class="t-icon t-icon-time-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.5 5h1v2.97l2.85 2.86-.7.7L7.5 8.4V5z"
+                  d="M12 23a11 11 0 110-22 11 11 0 010 22zm1-17.5h-2v6.91l4 4L16.41 15 13 11.59V5.5z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
               <span
@@ -611,13 +785,12 @@ exports[`Upload Component > props.theme: theme=file-flow works fine 1`] = `
                 class="t-icon t-icon-error-circle-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                  d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
               <span
@@ -697,6 +870,7 @@ exports[`Upload Component > props.theme: theme=file-flow works fine 1`] = `
         </tr>
       </tbody>
     </table>
+    <span />
   </div>
 </div>
 `;
@@ -727,18 +901,12 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
             class="t-icon t-icon-upload"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
+              d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
           <span
@@ -761,10 +929,41 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
           <div
             class="t-upload__card-content t-is-bordered"
           >
-            <img
-              class="t-upload__card-image"
-              src="//tdesign.gtimg.com/tdesign-default-img.png"
-            />
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src=""
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div
               class="t-upload__card-mask"
             >
@@ -775,18 +974,12 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-delete"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 12V6h1v6H6zM9 6v6h1V6H9z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z"
+                    d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -804,10 +997,41 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
           <div
             class="t-upload__card-content t-is-bordered"
           >
-            <img
-              class="t-upload__card-image"
-              src="https://img1.txt"
-            />
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://img1.txt"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div
               class="t-upload__card-mask"
             >
@@ -818,19 +1042,33 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-browse"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <path
-                    d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
+                  <g
+                    clip-path="url(#clip0_8726_7319)"
+                  >
+                    <path
+                      d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                      fill="currentColor"
+                    />
+                  </g>
+                </svg>
+                <svg
+                  class="t-icon t-icon-browse"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    clip-path="url(#clip0_8726_7319)"
+                  >
+                    <path
+                      d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                      fill="currentColor"
+                    />
+                  </g>
                 </svg>
                 <span
                   class="t-upload__card-mask-item-divider"
@@ -843,18 +1081,12 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-delete"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 12V6h1v6H6zM9 6v6h1V6H9z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z"
+                    d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -872,10 +1104,41 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
           <div
             class="t-upload__card-content"
           >
-            <img
-              class="t-upload__card-image"
-              src="https://img2.txt"
-            />
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://img2.txt"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div
               class="t-upload__card-mask"
             >
@@ -886,19 +1149,33 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-browse"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <path
-                    d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
+                  <g
+                    clip-path="url(#clip0_8726_7319)"
+                  >
+                    <path
+                      d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                      fill="currentColor"
+                    />
+                  </g>
+                </svg>
+                <svg
+                  class="t-icon t-icon-browse"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    clip-path="url(#clip0_8726_7319)"
+                  >
+                    <path
+                      d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                      fill="currentColor"
+                    />
+                  </g>
                 </svg>
                 <span
                   class="t-upload__card-mask-item-divider"
@@ -911,18 +1188,12 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-delete"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 12V6h1v6H6zM9 6v6h1V6H9z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z"
+                    d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -947,13 +1218,12 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                 class="t-icon t-icon-error-circle-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                  d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
               <p>
@@ -970,19 +1240,33 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-browse"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <path
-                    d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
+                  <g
+                    clip-path="url(#clip0_8726_7319)"
+                  >
+                    <path
+                      d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                      fill="currentColor"
+                    />
+                  </g>
+                </svg>
+                <svg
+                  class="t-icon t-icon-browse"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    clip-path="url(#clip0_8726_7319)"
+                  >
+                    <path
+                      d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                      fill="currentColor"
+                    />
+                  </g>
                 </svg>
                 <span
                   class="t-upload__card-mask-item-divider"
@@ -995,18 +1279,12 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-delete"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 12V6h1v6H6zM9 6v6h1V6H9z"
+                    d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -1065,19 +1343,33 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-browse"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <path
-                    d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
+                  <g
+                    clip-path="url(#clip0_8726_7319)"
+                  >
+                    <path
+                      d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                      fill="currentColor"
+                    />
+                  </g>
+                </svg>
+                <svg
+                  class="t-icon t-icon-browse"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    clip-path="url(#clip0_8726_7319)"
+                  >
+                    <path
+                      d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                      fill="currentColor"
+                    />
+                  </g>
                 </svg>
                 <span
                   class="t-upload__card-mask-item-divider"
@@ -1090,18 +1382,12 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                   class="t-icon t-icon-delete"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 12V6h1v6H6zM9 6v6h1V6H9z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z"
+                    d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -1115,6 +1401,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
         </li>
       </ul>
     </div>
+    <span />
   </div>
 </div>
 `;
diff --git a/src/upload/_example/file-flow-list.vue b/src/upload/_example/file-flow-list.vue
index aeebab8ab..98b778eb6 100644
--- a/src/upload/_example/file-flow-list.vue
+++ b/src/upload/_example/file-flow-list.vue
@@ -3,6 +3,7 @@
     <t-space>
       <t-checkbox v-model="disabled">禁用状态</t-checkbox>
       <t-checkbox v-model="autoUpload">自动上传</t-checkbox>
+      <t-checkbox v-model="showThumbnail">显示文件缩略图</t-checkbox>
       <t-checkbox v-model="allowUploadDuplicateFile"> 允许上传同名文件 </t-checkbox>
       <t-checkbox v-model="isBatchUpload"> 整体替换上传 </t-checkbox>
       <t-checkbox v-model="uploadAllFilesInOneRequest"> 多个文件一个请求上传 </t-checkbox>
@@ -17,7 +18,9 @@
       theme="file-flow"
       multiple
       :disabled="disabled"
+      :abridge-name="ABRIDGE_NAME"
       :auto-upload="autoUpload"
+      :show-thumbnail="showThumbnail"
       :max="10"
       :allow-upload-duplicate-file="allowUploadDuplicateFile"
       :is-batch-upload="isBatchUpload"
@@ -42,6 +45,8 @@ export default {
       allowUploadDuplicateFile: false,
       isBatchUpload: false,
       uploadAllFilesInOneRequest: false,
+      ABRIDGE_NAME: [10, 7],
+      showThumbnail: false,
     };
   },
 
diff --git a/src/upload/_example/img-flow-list.vue b/src/upload/_example/img-flow-list.vue
index 54f3423d9..9f0e6702a 100644
--- a/src/upload/_example/img-flow-list.vue
+++ b/src/upload/_example/img-flow-list.vue
@@ -5,19 +5,37 @@
       <t-switch v-model="autoUpload" />
     </div>
     <br />
+    <!-- action 上传地址，使用组件内部上传逻辑，action="https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo" -->
+    <!-- request-method 自定义上传方法，自定义上传逻辑 -->
     <t-upload
       v-model="files"
-      action="https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo"
       placeholder="支持批量上传图片文件"
       theme="image-flow"
       accept="image/*"
       multiple
+      :request-method="requestMethod1"
       :auto-upload="autoUpload"
       :max="8"
+      :abridge-name="[6, 6]"
       @dragenter="onDragenter"
       @dragleave="onDragleave"
       @drop="onDrop"
     ></t-upload>
+
+    <!-- action="https://service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo" -->
+    <!-- request-method 自定义上传方法，自定义上传逻辑 -->
+    <!-- <t-upload
+      v-model="files"
+      placeholder="支持批量上传图片文件"
+      theme="image-flow"
+      accept="image/*"
+      multiple
+      uploadAllFilesInOneRequest
+      :request-method="requestMethod2"
+      :auto-upload="autoUpload"
+      :abridgeName="[6, 6]"
+      :max="8"
+    ></t-upload> -->
   </t-space>
 </template>
 
@@ -29,15 +47,39 @@ export default {
     return {
       autoUpload: false,
       files: [
-        // {
-        //   url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
-        //   name: 'loading.svg',
-        // },
+        {
+          url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+          name: 'loading.svg',
+          status: 'success',
+        },
       ],
     };
   },
 
   methods: {
+    requestMethod1() {
+      return new Promise((resolve) => {
+        resolve({
+          status: 'success',
+          response: {
+            url: 'https://tdesign.gtimg.com/site/avatar.jpg',
+          },
+        });
+      });
+    },
+    requestMethod2() {
+      return new Promise((resolve) => {
+        resolve({
+          status: 'success',
+          response: {
+            files: [
+              { name: 'avatar1.jpg', url: 'https://tdesign.gtimg.com/site/avatar.jpg' },
+              { name: 'avatar2.jpg', url: 'https://avatars.githubusercontent.com/u/11605702?v=4' },
+            ],
+          },
+        });
+      });
+    },
     onDragenter(p) {
       console.log('dragenter', p);
     },
diff --git a/src/upload/props.ts b/src/upload/props.ts
index e9f9e8ff0..71a92c1f1 100644
--- a/src/upload/props.ts
+++ b/src/upload/props.ts
@@ -74,7 +74,7 @@ export default {
   format: {
     type: Function as PropType<TdUploadProps['format']>,
   },
-  /** 用于新增或修改文件上传请求参数。`action` 存在时有效。一个请求上传一个文件时，默认请求字段有 `file`；<br/>一个请求上传多个文件时，默认字段有 `file[0]/file[1]/file[2]/.../length`，其中 `length` 表示本次上传的文件数量。<br/>⚠️非常注意，此处的 `file[0]/file[1]` 仅仅是一个字段名，并非表示 `file` 是一个数组，接口获取字段时注意区分。<br/>可以使用 `name` 定义 `file` 字段的别名，也可以使用 `formatRequest` 自定义任意字段 */
+  /** 用于新增或修改文件上传请求 参数。`action` 存在时有效。一个请求上传一个文件时，默认请求字段有 `file`。<br/>一个请求上传多个文件时，默认字段有 `file[0]/file[1]/file[2]/.../length`，其中 `length` 表示本次上传的文件数量。<br/>⚠️非常注意，此处的 `file[0]/file[1]` 仅仅是一个字段名，并非表示 `file` 是一个数组，接口获取字段时注意区分。<br/>可以使用 `name` 定义 `file` 字段的别名。<br/>也可以使用 `formatRequest` 自定义任意字段，如添加一个字段 `fileList` ，存储文件数组 */
   formatRequest: {
     type: Function as PropType<TdUploadProps['formatRequest']>,
   },
@@ -130,6 +130,8 @@ export default {
   requestMethod: {
     type: Function as PropType<TdUploadProps['requestMethod']>,
   },
+  /** 是否在文件列表中显示缩略图，`theme=file-flow` 时有效 */
+  showThumbnail: Boolean,
   /** 是否显示上传进度 */
   showUploadProgress: {
     type: Boolean,
diff --git a/src/upload/themes/dragger-file.tsx b/src/upload/themes/dragger-file.tsx
index e47728ee9..61767cc2d 100644
--- a/src/upload/themes/dragger-file.tsx
+++ b/src/upload/themes/dragger-file.tsx
@@ -17,6 +17,7 @@ import useDrag, { UploadDragEvents } from '../hooks/useDrag';
 import useGlobalIcon from '../../hooks/useGlobalIcon';
 import ImageViewer from '../../image-viewer';
 import { renderTNodeJSX } from '../../utils/render-tnode';
+import Image from '../../image';
 
 export interface DraggerProps extends CommonDisplayFileProps {
   trigger?: TdUploadProps['trigger'];
@@ -84,7 +85,7 @@ export default defineComponent({
             <ImageViewer
               images={[url]}
               trigger={(h: CreateElement, { open }: any) => (
-                <img src={url} onClick={open} style={{ maxWidth: '100%', maxHeight: '100%' }} />
+                <Image src={url || file.raw} onClick={open} style={{ maxWidth: '100%', maxHeight: '100%' }} />
               )}
               style={{ maxWidth: '120px', maxHeight: '120px' }}
             ></ImageViewer>
diff --git a/src/upload/themes/image-card.tsx b/src/upload/themes/image-card.tsx
index 6e2fc226e..397f55c98 100644
--- a/src/upload/themes/image-card.tsx
+++ b/src/upload/themes/image-card.tsx
@@ -17,6 +17,7 @@ import { TdUploadProps, UploadFile } from '../type';
 import { abridgeName } from '../../_common/js/upload/utils';
 import { renderTNodeJSX } from '../../utils/render-tnode';
 import Link from '../../link';
+import Image from '../../image';
 
 export interface ImageCardUploadProps extends CommonDisplayFileProps {
   multiple: TdUploadProps['multiple'];
@@ -71,7 +72,7 @@ export default defineComponent({
       const { BrowseIcon, DeleteIcon } = this.icons;
       return (
         <div class={`${this.classPrefix}-upload__card-content ${this.classPrefix}-upload__card-box`}>
-          <img class={`${this.classPrefix}-upload__card-image`} src={file.url} />
+          <Image class={`${this.classPrefix}-upload__card-image`} src={file.url || file.raw} error="" />
           <div class={`${this.classPrefix}-upload__card-mask`}>
             <span class={`${this.classPrefix}-upload__card-mask-item`} onClick={(e: MouseEvent) => e.stopPropagation()}>
               <ImageViewer
diff --git a/src/upload/themes/multiple-flow-list.tsx b/src/upload/themes/multiple-flow-list.tsx
index 6f11fc65f..e44d86fcc 100644
--- a/src/upload/themes/multiple-flow-list.tsx
+++ b/src/upload/themes/multiple-flow-list.tsx
@@ -1,5 +1,5 @@
 import {
-  CreateElement, computed, defineComponent, toRefs, PropType, Ref, toRef,
+  CreateElement, computed, defineComponent, toRefs, PropType, Ref, toRef, ref,
 } from 'vue';
 import {
   BrowseIcon as TdBrowseIcon,
@@ -7,6 +7,12 @@ import {
   CheckCircleFilledIcon as TdCheckCircleFilledIcon,
   ErrorCircleFilledIcon as TdErrorCircleFilledIcon,
   TimeFilledIcon as TdTimeFilledIcon,
+  FileExcelIcon,
+  FilePdfIcon,
+  FileWordIcon,
+  FilePowerpointIcon,
+  FileIcon,
+  VideoIcon,
 } from 'tdesign-icons-vue';
 import { UploadConfig } from '@src/config-provider';
 import { useGlobalIcon } from '../../hooks/useGlobalIcon';
@@ -17,10 +23,20 @@ import TButton from '../../button';
 import { UploadFile } from '../type';
 import { UploadDisplayDragEvents } from '../../common';
 import useDrag, { UploadDragEvents } from '../hooks/useDrag';
-import { abridgeName, returnFileSize } from '../../_common/js/upload/utils';
+import {
+  abridgeName,
+  returnFileSize,
+  IMAGE_REGEXP,
+  FILE_PDF_REGEXP,
+  FILE_EXCEL_REGEXP,
+  FILE_WORD_REGEXP,
+  FILE_PPT_REGEXP,
+  VIDEO_REGEXP,
+} from '../../_common/js/upload/utils';
 import TLoading from '../../loading';
 import Link from '../../link';
 import { renderTNodeJSX } from '../../utils/render-tnode';
+import Image from '../../image';
 
 export interface ImageFlowListProps extends CommonDisplayFileProps {
   uploadFiles?: (toFiles?: UploadFile[]) => void;
@@ -29,6 +45,7 @@ export interface ImageFlowListProps extends CommonDisplayFileProps {
   disabled?: boolean;
   isBatchUpload?: boolean;
   draggable?: boolean;
+  showThumbnail?: boolean;
 }
 
 export default defineComponent({
@@ -42,9 +59,10 @@ export default defineComponent({
     disabled: Boolean,
     isBatchUpload: Boolean,
     draggable: Boolean,
+    showThumbnail: Boolean,
   },
 
-  setup(props) {
+  setup(props, context) {
     // locale 已经在 useUpload 中统一处理优先级
     const { uploading, classPrefix, accept } = toRefs(props);
     const locale = toRef(props, 'locale') as Ref<UploadConfig>;
@@ -60,6 +78,9 @@ export default defineComponent({
 
     const drag = useDrag(props.dragEvents, accept);
 
+    const currentPreviewFile = ref<UploadFile[]>([]);
+    const previewIndex = ref(0);
+
     const uploadText = computed(() => {
       if (uploading.value) return `${locale.value.progress.uploadingText}`;
       return locale.value.triggerUploadText.normal;
@@ -77,6 +98,30 @@ export default defineComponent({
         : {};
     });
 
+    const browseIconClick = ({
+      e,
+      index,
+      file,
+      viewFiles,
+    }: {
+      e: MouseEvent;
+      index: number;
+      file: UploadFile;
+      viewFiles: UploadFile[];
+    }) => {
+      previewIndex.value = index;
+      currentPreviewFile.value = viewFiles;
+      context.emit('preview', { file, index, e });
+    };
+
+    const previewIndexChange = (index: number) => {
+      previewIndex.value = index;
+    };
+
+    const closePreview = () => {
+      currentPreviewFile.value = [];
+    };
+
     return {
       icons,
       dragActive: drag.dragActive,
@@ -84,6 +129,11 @@ export default defineComponent({
       uploadText,
       innerDragEvents,
       locale,
+      currentPreviewFile,
+      previewIndex,
+      browseIconClick,
+      closePreview,
+      previewIndexChange,
     };
   },
 
@@ -139,14 +189,21 @@ export default defineComponent({
               </div>
             )}
             {(['waiting', 'success'].includes(file.status) || (!file.status && file.url)) && (
-              <img
-                class={`${this.uploadPrefix}__card-image`}
-                src={file.url || '//tdesign.gtimg.com/tdesign-default-img.png'}
-              />
+              <Image class={`${this.uploadPrefix}__card-image`} src={file.url || file.raw} error="" loading="" />
             )}
             <div class={`${this.uploadPrefix}__card-mask`}>
               {file.url && (
                 <span class={`${this.uploadPrefix}__card-mask-item`}>
+                  <BrowseIcon
+                    onClick={({ e }: { e: MouseEvent }) => {
+                      this.browseIconClick({
+                        e,
+                        index,
+                        file,
+                        viewFiles: this.displayFiles,
+                      });
+                    }}
+                  />
                   <ImageViewer
                     images={this.displayFiles.map((t) => t.url)}
                     defaultIndex={index}
@@ -256,17 +313,24 @@ export default defineComponent({
                 ? this.renderBatchActionCol(index)
                 : this.renderNormalActionCol(file, index);
               const fileName = this.abridgeName?.length ? abridgeName(file.name, ...this.abridgeName) : file.name;
+              const thumbnailNode = this.showThumbnail ? (
+                <div class={`${this.uploadPrefix}__file-info`}>
+                  {this.renderFileThumbnail(file)}
+                  {fileName}
+                </div>
+              ) : (
+                fileName
+              );
+              const fileNameNode = file.url ? (
+                <Link href={file.url} target="_blank" hover="color">
+                  {thumbnailNode}
+                </Link>
+              ) : (
+                thumbnailNode
+              );
               return (
                 <tr key={file.name + index}>
-                  <td class={`${this.uploadPrefix}__file-name`}>
-                    {file.url ? (
-                      <Link href={file.url} target="_blank" hover="color">
-                        {fileName}
-                      </Link>
-                    ) : (
-                      fileName
-                    )}
-                  </td>
+                  <td class={`${this.uploadPrefix}__file-name`}>{fileNameNode}</td>
                   <td>{returnFileSize(file.size)}</td>
                   <td>{this.renderStatus(file)}</td>
                   {this.disabled ? null : deleteNode}
@@ -292,6 +356,51 @@ export default defineComponent({
         </ul>
       );
     },
+    getFileThumbnailIcon(fileType: string) {
+      if (FILE_PDF_REGEXP.test(fileType)) {
+        return <FilePdfIcon />;
+      }
+      if (FILE_EXCEL_REGEXP.test(fileType)) {
+        return <FileExcelIcon />;
+      }
+      if (FILE_WORD_REGEXP.test(fileType)) {
+        return <FileWordIcon />;
+      }
+      if (FILE_PPT_REGEXP.test(fileType)) {
+        return <FilePowerpointIcon />;
+      }
+      if (VIDEO_REGEXP.test(fileType)) {
+        return <VideoIcon />;
+      }
+      return <FileIcon />;
+    },
+
+    renderFileThumbnail(file: UploadFile) {
+      if (!file || (!file.raw && file.url)) return null;
+      const fileType = file.raw.type;
+      const className = `${this.uploadPrefix}__file-thumbnail`;
+      if (IMAGE_REGEXP.test(fileType)) {
+        return (
+          <Image
+            class={className}
+            src={file.url || file.raw}
+            fit="scale-down"
+            error=""
+            loading=""
+            onClick={(e: MouseEvent) => {
+              e.preventDefault();
+              this.browseIconClick({
+                e,
+                index: 0,
+                file,
+                viewFiles: [file],
+              });
+            }}
+          />
+        );
+      }
+      return <div class={className}>{this.getFileThumbnailIcon(fileType)}</div>;
+    },
   },
 
   render() {
@@ -349,6 +458,13 @@ export default defineComponent({
             ></TButton>
           </div>
         )}
+        <ImageViewer
+          images={this.currentPreviewFile.map((t) => t.url || t.raw)}
+          visible={!!this.currentPreviewFile.length}
+          onClose={this.closePreview}
+          index={this.previewIndex}
+          onIndexChange={this.previewIndexChange}
+        ></ImageViewer>
       </div>
     );
   },
diff --git a/src/upload/type.ts b/src/upload/type.ts
index 50dd310fe..b63258536 100644
--- a/src/upload/type.ts
+++ b/src/upload/type.ts
@@ -80,7 +80,7 @@ export interface TdUploadProps<T extends UploadFile = UploadFile> {
    */
   format?: (file: File) => UploadFile;
   /**
-   * 用于新增或修改文件上传请求参数。`action` 存在时有效。一个请求上传一个文件时，默认请求字段有 `file`；<br/>一个请求上传多个文件时，默认字段有 `file[0]/file[1]/file[2]/.../length`，其中 `length` 表示本次上传的文件数量。<br/>⚠️非常注意，此处的 `file[0]/file[1]` 仅仅是一个字段名，并非表示 `file` 是一个数组，接口获取字段时注意区分。<br/>可以使用 `name` 定义 `file` 字段的别名，也可以使用 `formatRequest` 自定义任意字段
+   * 用于新增或修改文件上传请求 参数。`action` 存在时有效。一个请求上传一个文件时，默认请求字段有 `file`。<br/>一个请求上传多个文件时，默认字段有 `file[0]/file[1]/file[2]/.../length`，其中 `length` 表示本次上传的文件数量。<br/>⚠️非常注意，此处的 `file[0]/file[1]` 仅仅是一个字段名，并非表示 `file` 是一个数组，接口获取字段时注意区分。<br/>可以使用 `name` 定义 `file` 字段的别名。<br/>也可以使用 `formatRequest` 自定义任意字段，如添加一个字段 `fileList` ，存储文件数组
    */
   formatRequest?: (requestData: { [key: string]: any }) => { [key: string]: any };
   /**
@@ -137,6 +137,11 @@ export interface TdUploadProps<T extends UploadFile = UploadFile> {
    * 自定义上传方法。返回值 `status` 表示上传成功或失败；`error` 或 `response.error` 表示上传失败的原因；<br/>`response` 表示请求上传成功后的返回数据，`response.url` 表示上传成功后的图片/文件地址，`response.files` 表示一个请求上传多个文件/图片后的返回值。<br/>示例一：`{ status: 'fail', error: '上传失败', response }`。<br/>示例二：`{ status: 'success', response: { url: 'https://tdesign.gtimg.com/site/avatar.jpg' } }`。<br/> 示例三：`{ status: 'success', files: [{ url: 'https://xxx.png', name: 'xxx.png' }]}`
    */
   requestMethod?: (files: UploadFile | UploadFile[]) => Promise<RequestMethodResponse>;
+  /**
+   * 是否在文件列表中显示缩略图，`theme=file-flow` 时有效
+   * @default false
+   */
+  showThumbnail?: boolean;
   /**
    * 是否显示上传进度
    * @default true
diff --git a/src/upload/upload.en-US.md b/src/upload/upload.en-US.md
index 900d14963..35cdce4aa 100644
--- a/src/upload/upload.en-US.md
+++ b/src/upload/upload.en-US.md
@@ -34,6 +34,7 @@ multiple | Boolean | false | multiple files uploading | N
 name | String | file | field name of files in upload request data | N
 placeholder | String | - | placeholder | N
 requestMethod | Function | - | custom upload request method。Typescript：`(files: UploadFile \| UploadFile[]) => Promise<RequestMethodResponse>` `interface RequestMethodResponse { status: 'success' \| 'fail'; error?: string; response: { url?: string; files?: UploadFile[]; [key: string]: any } }`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/upload/type.ts) | N
+showThumbnail | Boolean | false | show thumbnail before file name, only works on `theme=file-flow`  | N
 showUploadProgress | Boolean | true | show upload progress nodes | N
 sizeLimit | Number / Object | - | files size limit。Typescript：`number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[see more ts definition](https://github.com/Tencent/tdesign-vue/tree/develop/src/upload/type.ts) | N
 status | String | - | tips status。options: default/success/warning/error | N
diff --git a/src/upload/upload.md b/src/upload/upload.md
index ba10d3af0..41819d232 100644
--- a/src/upload/upload.md
+++ b/src/upload/upload.md
@@ -21,7 +21,7 @@ fileListDisplay | Slot / Function | - | 用于完全自定义文件列表界面
 files | Array | [] | 已上传文件列表，同 `value`。TS 类型：`UploadFile`。支持语法糖 `.sync`。TS 类型：`Array<T>` | N
 defaultFiles | Array | [] | 已上传文件列表，同 `value`。TS 类型：`UploadFile`。非受控属性。TS 类型：`Array<T>` | N
 format | Function | - | 转换文件 `UploadFile` 的数据结构，可新增或修改 `UploadFile` 的属性，注意不能删除 `UploadFile` 属性。`action` 存在时有效。TS 类型：`(file: File) => UploadFile` | N
-formatRequest | Function | - | 用于新增或修改文件上传请求参数。`action` 存在时有效。一个请求上传一个文件时，默认请求字段有 `file`；<br/>一个请求上传多个文件时，默认字段有 `file[0]/file[1]/file[2]/.../length`，其中 `length` 表示本次上传的文件数量。<br/>⚠️非常注意，此处的 `file[0]/file[1]` 仅仅是一个字段名，并非表示 `file` 是一个数组，接口获取字段时注意区分。<br/>可以使用 `name` 定义 `file` 字段的别名，也可以使用 `formatRequest` 自定义任意字段。TS 类型：`(requestData: { [key: string]: any }) => { [key: string]: any }` | N
+formatRequest | Function | - | 用于新增或修改文件上传请求 参数。`action` 存在时有效。一个请求上传一个文件时，默认请求字段有 `file`。<br/>一个请求上传多个文件时，默认字段有 `file[0]/file[1]/file[2]/.../length`，其中 `length` 表示本次上传的文件数量。<br/>⚠️非常注意，此处的 `file[0]/file[1]` 仅仅是一个字段名，并非表示 `file` 是一个数组，接口获取字段时注意区分。<br/>可以使用 `name` 定义 `file` 字段的别名。<br/>也可以使用 `formatRequest` 自定义任意字段，如添加一个字段 `fileList` ，存储文件数组。TS 类型：`(requestData: { [key: string]: any }) => { [key: string]: any }` | N
 formatResponse | Function | - | 用于格式化文件上传后的接口响应数据，`response` 便是接口响应的原始数据。`action` 存在时有效。<br/> 此函数的返回值 `error` 或 `response.error` 会作为错误文本提醒，如果存在会判定为本次上传失败。<br/> 此函数的返回值 `url` 或 `response.url` 会作为上传成功后的链接。TS 类型：`(response: any, context: FormatResponseContext) => ResponseType ` `type ResponseType = { error?: string; url?: string } & Record<string, any>` `interface FormatResponseContext { file: UploadFile; currentFiles?: UploadFile[] }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/upload/type.ts) | N
 headers | Object | - | 设置上传的请求头部，`action` 存在时有效。TS 类型：`{[key: string]: string}` | N
 inputAttributes | Object | - | 用于添加属性到 HTML 元素 `input`。TS 类型：`CSSProperties` | N
@@ -34,6 +34,7 @@ multiple | Boolean | false | 支持多文件上传 | N
 name | String | file | 文件上传时的名称 | N
 placeholder | String | - | 占位符 | N
 requestMethod | Function | - | 自定义上传方法。返回值 `status` 表示上传成功或失败；`error` 或 `response.error` 表示上传失败的原因；<br/>`response` 表示请求上传成功后的返回数据，`response.url` 表示上传成功后的图片/文件地址，`response.files` 表示一个请求上传多个文件/图片后的返回值。<br/>示例一：`{ status: 'fail', error: '上传失败', response }`。<br/>示例二：`{ status: 'success', response: { url: 'https://tdesign.gtimg.com/site/avatar.jpg' } }`。<br/> 示例三：`{ status: 'success', files: [{ url: 'https://xxx.png', name: 'xxx.png' }]}`。TS 类型：`(files: UploadFile \| UploadFile[]) => Promise<RequestMethodResponse>` `interface RequestMethodResponse { status: 'success' \| 'fail'; error?: string; response: { url?: string; files?: UploadFile[]; [key: string]: any } }`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/upload/type.ts) | N
+showThumbnail | Boolean | false | 是否在文件列表中显示缩略图，`theme=file-flow` 时有效 | N
 showUploadProgress | Boolean | true | 是否显示上传进度 | N
 sizeLimit | Number / Object | - | 图片文件大小限制，默认单位 KB。可选单位有：`'B' \| 'KB' \| 'MB' \| 'GB'`。示例一：`1000`。示例二：`{ size: 2, unit: 'MB', message: '图片大小不超过 {sizeLimit} MB' }`。TS 类型：`number \| SizeLimitObj` `interface SizeLimitObj { size: number; unit: SizeUnit ; message?: string }` `type SizeUnitArray = ['B', 'KB', 'MB', 'GB']` `type SizeUnit = SizeUnitArray[number]`。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/upload/type.ts) | N
 status | String | - | 文件上传提示文本状态。可选项：default/success/warning/error | N
diff --git a/src/upload/upload.tsx b/src/upload/upload.tsx
index 1fbf5501c..b5191bcc5 100644
--- a/src/upload/upload.tsx
+++ b/src/upload/upload.tsx
@@ -194,6 +194,7 @@ export default defineComponent({
           uploadFiles={this.uploadFiles}
           cancelUpload={this.cancelUpload}
           onPreview={this.onInnerPreview}
+          showThumbnail={this.showThumbnail}
           scopedSlots={{
             fileListDisplay: this.$scopedSlots.fileListDisplay,
             'file-list-display': this.$scopedSlots['file-list-display'],
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index 5df67a7e5..7ed5dbac9 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -74,13 +74,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/base.vue 1`] = `
           class="t-icon t-icon-info-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -114,13 +113,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/base.vue 1`] = `
           class="t-icon t-icon-check-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -152,13 +150,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/base.vue 1`] = `
           class="t-icon t-icon-error-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+            d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -190,13 +187,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/base.vue 1`] = `
           class="t-icon t-icon-error-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+            d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -236,13 +232,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/close.vue 1`] = `
           class="t-icon t-icon-check-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -266,13 +261,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/close.vue 1`] = `
           class="t-icon t-icon-close"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -291,13 +285,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/close.vue 1`] = `
           class="t-icon t-icon-info-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -334,13 +327,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/close.vue 1`] = `
           class="t-icon t-icon-error-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+            d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -377,13 +369,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/close.vue 1`] = `
           class="t-icon t-icon-error-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+            d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -428,13 +419,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/collapse.vue 1`] = `
           class="t-icon t-icon-info-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -472,13 +462,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/collapse.vue 1`] = `
           class="t-icon t-icon-close"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -505,13 +494,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/icon.vue 1`] = `
           class="t-icon t-icon-info-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -543,13 +531,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/icon.vue 1`] = `
           class="t-icon t-icon-error-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+            d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -581,13 +568,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/icon.vue 1`] = `
           class="t-icon t-icon-error-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+            d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -691,13 +677,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/operation.vue 1`] = `
           class="t-icon t-icon-info-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -728,13 +713,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/operation.vue 1`] = `
           class="t-icon t-icon-close"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -761,13 +745,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/title.vue 1`] = `
           class="t-icon t-icon-info-circle-filled"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -803,13 +786,12 @@ exports[`csr snapshot test > csr test ./src/alert/_example/title.vue 1`] = `
           class="t-icon t-icon-close"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -1380,18 +1362,12 @@ exports[`csr snapshot test > csr test ./src/anchor/_example/target.vue 1`] = `
       class="t-icon t-icon-file-copy t-anchor__copy"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z"
-        fill="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z"
+        d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -1404,18 +1380,12 @@ exports[`csr snapshot test > csr test ./src/anchor/_example/target.vue 1`] = `
       class="t-icon t-icon-file-copy t-anchor__copy"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z"
+        d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"
         fill="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z"
-        fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -1428,18 +1398,12 @@ exports[`csr snapshot test > csr test ./src/anchor/_example/target.vue 1`] = `
       class="t-icon t-icon-file-copy t-anchor__copy"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z"
-        fill="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z"
+        d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -1452,18 +1416,12 @@ exports[`csr snapshot test > csr test ./src/anchor/_example/target.vue 1`] = `
       class="t-icon t-icon-file-copy t-anchor__copy"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z"
-        fill="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z"
+        d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -1476,18 +1434,12 @@ exports[`csr snapshot test > csr test ./src/anchor/_example/target.vue 1`] = `
       class="t-icon t-icon-file-copy t-anchor__copy"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z"
-        fill="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z"
+        d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -1500,18 +1452,12 @@ exports[`csr snapshot test > csr test ./src/anchor/_example/target.vue 1`] = `
       class="t-icon t-icon-file-copy t-anchor__copy"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z"
+        d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"
         fill="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z"
-        fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -1524,18 +1470,12 @@ exports[`csr snapshot test > csr test ./src/anchor/_example/target.vue 1`] = `
       class="t-icon t-icon-file-copy t-anchor__copy"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z"
-        fill="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z"
+        d="M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -1603,13 +1543,12 @@ exports[`csr snapshot test > csr test ./src/auto-complete/_example/base.vue 1`]
                   class="t-icon t-icon-search"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <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"
+                    d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -2077,13 +2016,12 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/base.vue 1`] = `
         class="t-icon t-icon-user"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         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"
+          d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -2174,13 +2112,12 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group.vue 1`] = `
               class="t-icon t-icon-user"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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"
+                d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -2233,13 +2170,12 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group.vue 1`] = `
               class="t-icon t-icon-user"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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"
+                d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -2300,13 +2236,12 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-cascading.vue
               class="t-icon t-icon-user"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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"
+                d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -2359,13 +2294,12 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-cascading.vue
               class="t-icon t-icon-user"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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"
+                d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -2475,13 +2409,12 @@ exports[`csr snapshot test > csr test ./src/avatar/_example/group-max.vue 1`] =
               class="t-icon t-icon-ellipsis"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -2908,13 +2841,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/baseList.vue 1`] =
         class="t-icon t-icon-backtop t-back-top__icon"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+          d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span
@@ -3148,13 +3080,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/baseListSmall.vue
         class="t-icon t-icon-backtop t-back-top__icon"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+          d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span
@@ -3250,13 +3181,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/shape.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3280,13 +3210,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/shape.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3310,13 +3239,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/shape.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3349,13 +3277,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/shape.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3379,13 +3306,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/shape.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3409,13 +3335,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/shape.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3456,13 +3381,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/size.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3486,13 +3410,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/size.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3516,13 +3439,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/size.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3555,13 +3477,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/size.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3585,13 +3506,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/size.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3615,13 +3535,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/size.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3662,13 +3581,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/theme.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3701,13 +3619,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/theme.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -3740,13 +3657,12 @@ exports[`csr snapshot test > csr test ./src/back-top/_example/theme.vue 1`] = `
               class="t-icon t-icon-backtop t-back-top__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z"
+                d="M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
@@ -4367,13 +4283,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -4402,13 +4317,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -4437,13 +4351,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -4663,13 +4576,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/href.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -4698,13 +4610,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/href.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -4735,13 +4646,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/href.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -4770,13 +4680,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/href.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -4805,13 +4714,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/href.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -4845,10 +4753,10 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/icon.vue 1`] = `
         style="max-width: 120px;"
       >
         <svg
-          class="t-icon t-icon-books"
+          class="t-icon t-icon-bookmark"
         >
           <use
-            href="#t-icon-books"
+            href="#t-icon-bookmark"
           />
         </svg>
         <span
@@ -4865,13 +4773,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/icon.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -4887,10 +4794,10 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/icon.vue 1`] = `
         style="max-width: 120px;"
       >
         <svg
-          class="t-icon t-icon-books"
+          class="t-icon t-icon-bookmark"
         >
           <use
-            href="#t-icon-books"
+            href="#t-icon-bookmark"
           />
         </svg>
         <span
@@ -4907,13 +4814,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/icon.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -4929,10 +4835,10 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/icon.vue 1`] = `
         style="max-width: 120px;"
       >
         <svg
-          class="t-icon t-icon-books"
+          class="t-icon t-icon-bookmark"
         >
           <use
-            href="#t-icon-books"
+            href="#t-icon-bookmark"
           />
         </svg>
         <span
@@ -4949,13 +4855,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/icon.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -4991,13 +4896,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/options.vue 1`]
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -5026,13 +4930,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/options.vue 1`]
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -5063,13 +4966,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/options.vue 1`]
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -5105,13 +5007,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/to.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -5140,13 +5041,12 @@ exports[`csr snapshot test > csr test ./src/breadcrumb/_example/to.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -5617,13 +5517,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/icon.vue 1`] = `
         class="t-icon t-icon-add"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span
@@ -5644,18 +5543,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/icon.vue 1`] = `
         class="t-icon t-icon-cloud-upload"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          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"
+          d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"
           fill="currentColor"
-          fill-opacity="0.9"
-        />
-        <path
-          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="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span
@@ -5676,18 +5569,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/icon.vue 1`] = `
         class="t-icon t-icon-discount"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.84 5.01A2 2 0 105 7.84 2 2 0 007.84 5zm-.7.7a1 1 0 11-1.42 1.42 1 1 0 011.41-1.41z"
+          d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"
           fill="currentColor"
-          fill-opacity="0.9"
-        />
-        <path
-          d="M2 7.95V2h5.95a1 1 0 01.7.3l6.14 6.13a1 1 0 010 1.41L9.84 14.8a1 1 0 01-1.41 0L2.29 8.66A1 1 0 012 7.95zM7.95 3H3v4.95l6.13 6.13 4.95-4.95L7.95 3z"
-          fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -5703,18 +5590,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/icon.vue 1`] = `
         class="t-icon t-icon-cloud-download"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          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"
+          d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zM13 10v9.59l3-3L17.41 18 12 23.41 6.59 18 8 16.59l3 3V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
-        />
-        <path
-          d="M9.8 11.3l-1.3 1.29v-4.6h-1v4.6L6.2 11.3l-.7.7 2.15 2.15c.2.2.51.2.7 0L10.5 12l-.7-.71z"
-          fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -5730,13 +5611,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/icon.vue 1`] = `
         class="t-icon t-icon-search"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <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"
+          d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span
@@ -5786,13 +5666,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/shape.vue 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -5822,13 +5701,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/shape.vue 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -5867,13 +5745,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/shape.vue 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -5903,13 +5780,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/shape.vue 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -5948,13 +5824,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/shape.vue 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -5984,13 +5859,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/shape.vue 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -6029,13 +5903,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/shape.vue 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -6065,13 +5938,12 @@ exports[`csr snapshot test > csr test ./src/button/_example/shape.vue 1`] = `
             class="t-icon t-icon-calendar"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -20973,13 +20845,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer.vue 1`] = `
                 class="t-icon t-icon-thumb-up"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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"
+                  d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -21000,13 +20871,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer.vue 1`] = `
                 class="t-icon t-icon-chat"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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"
+                  d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -21027,13 +20897,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer.vue 1`] = `
                 class="t-icon t-icon-share"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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"
+                  d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -21089,13 +20958,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
                     class="t-icon t-icon-thumb-up"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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"
+                      d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -21116,13 +20984,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
                     class="t-icon t-icon-chat"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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"
+                      d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -21143,13 +21010,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
                     class="t-icon t-icon-share"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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"
+                      d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -21192,13 +21058,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
                 class="t-icon t-icon-heart"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <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"
+                  d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -21215,13 +21080,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
                 class="t-icon t-icon-chat"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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"
+                  d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -21237,13 +21101,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
                 class="t-icon t-icon-share"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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"
+                  d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -21263,13 +21126,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
                 class="t-icon t-icon-more"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+                  d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -21349,13 +21211,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-actions.vue 1`]
                 class="t-icon t-icon-more"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+                  d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -21497,14 +21358,13 @@ exports[`csr snapshot test > csr test ./src/card/_example/footer-content-actions
             data-v-15ae4635=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+              d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"
               data-v-15ae4635=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -21741,14 +21601,13 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-footer-actions.
               data-v-bed46286=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+                d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"
                 data-v-bed46286=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -21783,14 +21642,13 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-footer-actions.
             data-v-bed46286=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <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"
+              d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"
               data-v-bed46286=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -21809,14 +21667,13 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-footer-actions.
             data-v-bed46286=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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"
+              d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
               data-v-bed46286=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -21834,14 +21691,13 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-footer-actions.
             data-v-bed46286=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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"
+              d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"
               data-v-bed46286=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -21930,13 +21786,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle-footer
               class="t-icon t-icon-more"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z"
+                d="M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -21976,13 +21831,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle-footer
                 class="t-icon t-icon-thumb-up"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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"
+                  d="M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22003,13 +21857,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle-footer
                 class="t-icon t-icon-chat"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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"
+                  d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22030,13 +21883,12 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle-footer
                 class="t-icon t-icon-share"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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"
+                  d="M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22243,13 +22095,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/check-strictly.vue
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22263,13 +22114,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/check-strictly.vue
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22333,13 +22183,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/collapsed.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22402,13 +22251,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/collapsed.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22469,13 +22317,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/collapsed.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22845,13 +22692,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/ellipsis.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -22960,13 +22806,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/filterable.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -23128,13 +22973,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/keys.vue 1`] = `
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -23341,13 +23185,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/multiple.vue 1`] =
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -23412,13 +23255,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/panel.vue 1`] = `
               class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </li>
@@ -23438,13 +23280,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/panel.vue 1`] = `
               class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </li>
@@ -23494,13 +23335,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/panel.vue 1`] = `
               class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </li>
@@ -23534,13 +23374,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/panel.vue 1`] = `
               class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </li>
@@ -24165,13 +24004,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/value-type.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -24185,13 +24023,12 @@ exports[`csr snapshot test > csr test ./src/cascader/_example/value-type.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -25286,13 +25123,12 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/base.vue 1`] = `
                               class="t-icon t-icon-close t-tag__icon-close"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -25306,13 +25142,12 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/base.vue 1`] = `
                               class="t-icon t-icon-close t-tag__icon-close"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -25357,13 +25192,12 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/base.vue 1`] = `
                               class="t-icon t-icon-close t-tag__icon-close"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -25377,13 +25211,12 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/base.vue 1`] = `
                               class="t-icon t-icon-close t-tag__icon-close"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -25428,13 +25261,12 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/base.vue 1`] = `
                               class="t-icon t-icon-close t-tag__icon-close"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -25448,13 +25280,12 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/base.vue 1`] = `
                               class="t-icon t-icon-close t-tag__icon-close"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -25971,13 +25802,12 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/icon.vue 1`] = `
                   class="t-icon t-icon-star"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                    d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -26033,13 +25863,12 @@ exports[`csr snapshot test > csr test ./src/collapse/_example/icon.vue 1`] = `
                   class="t-icon t-icon-logo-github"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                    d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -27692,13 +27521,12 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/enable-alpha.v
                 class="t-icon t-icon-add"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                  d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -28433,13 +28261,12 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/panel.vue 1`]
                         class="t-icon t-icon-add"
                         fill="none"
                         height="1em"
-                        viewBox="0 0 16 16"
+                        viewBox="0 0 24 24"
                         width="1em"
                       >
                         <path
-                          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                           fill="currentColor"
-                          fill-opacity="0.9"
                         />
                       </svg>
                     </span>
@@ -29234,13 +29061,12 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/panel.vue 1`]
                         class="t-icon t-icon-add"
                         fill="none"
                         height="1em"
-                        viewBox="0 0 16 16"
+                        viewBox="0 0 24 24"
                         width="1em"
                       >
                         <path
-                          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                           fill="currentColor"
-                          fill-opacity="0.9"
                         />
                       </svg>
                     </span>
@@ -30042,13 +29868,12 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/recent-color.v
                         class="t-icon t-icon-add"
                         fill="none"
                         height="1em"
-                        viewBox="0 0 16 16"
+                        viewBox="0 0 24 24"
                         width="1em"
                       >
                         <path
-                          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                           fill="currentColor"
-                          fill-opacity="0.9"
                         />
                       </svg>
                     </span>
@@ -30060,18 +29885,12 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/recent-color.v
                         class="t-icon t-icon-delete"
                         fill="none"
                         height="1em"
-                        viewBox="0 0 16 16"
+                        viewBox="0 0 24 24"
                         width="1em"
                       >
                         <path
-                          d="M6 12V6h1v6H6zM9 6v6h1V6H9z"
+                          d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"
                           fill="currentColor"
-                          fill-opacity="0.9"
-                        />
-                        <path
-                          d="M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z"
-                          fill="currentColor"
-                          fill-opacity="0.9"
                         />
                       </svg>
                     </span>
@@ -31763,13 +31582,12 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/status-readonl
                 class="t-icon t-icon-add"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                  d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -32567,13 +32385,12 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/swatch-color.v
                         class="t-icon t-icon-add"
                         fill="none"
                         height="1em"
-                        viewBox="0 0 16 16"
+                        viewBox="0 0 24 24"
                         width="1em"
                       >
                         <path
-                          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                           fill="currentColor"
-                          fill-opacity="0.9"
                         />
                       </svg>
                     </span>
@@ -32947,13 +32764,12 @@ exports[`csr snapshot test > csr test ./src/color-picker/_example/swatch-color.v
                         class="t-icon t-icon-add"
                         fill="none"
                         height="1em"
-                        viewBox="0 0 16 16"
+                        viewBox="0 0 24 24"
                         width="1em"
                       >
                         <path
-                          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                           fill="currentColor"
-                          fill-opacity="0.9"
                         />
                       </svg>
                     </span>
@@ -34815,13 +34631,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/date-picker
               class="t-icon t-icon-calendar"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                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"
+                d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -34867,13 +34682,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/date-picker
               class="t-icon t-icon-calendar"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                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"
+                d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -34918,13 +34732,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/date-picker
               class="t-icon t-icon-calendar"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                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"
+                d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -34970,13 +34783,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/date-picker
               class="t-icon t-icon-calendar"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                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"
+                d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -35021,13 +34833,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/date-picker
               class="t-icon t-icon-calendar"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                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"
+                d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -35073,13 +34884,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/date-picker
               class="t-icon t-icon-calendar"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                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"
+                d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -35133,13 +34943,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -35210,13 +35019,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-info-circle-filled t-is-info"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 confirm
@@ -35228,13 +35036,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -35305,13 +35112,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-error-circle-filled t-is-warning"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 confirm
@@ -35323,13 +35129,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -35400,13 +35205,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-error-circle-filled t-is-error"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 confirm
@@ -35418,13 +35222,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -35495,13 +35298,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-check-circle-filled t-is-success"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 confirm
@@ -35513,13 +35315,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/dialog.vue
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -35643,18 +35444,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/input.vue 1
         class="t-icon t-icon-lock-on t-input__suffix-clear"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6 10v1h4v-1H6z"
-          fill="currentColor"
-          fill-opacity="0.9"
-        />
-        <path
-          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"
+          d="M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -35755,18 +35550,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
                   class="t-icon t-icon-browse-off t-input__suffix-clear"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 26 24"
                   width="1em"
                 >
                   <path
-                    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="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    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"
+                    d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -35842,13 +35631,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
                   class="t-icon t-icon-search"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <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"
+                    d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -36302,13 +36090,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
           class="t-icon t-icon-chevron-right"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -36321,13 +36108,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
           class="t-icon t-icon-chevron-left"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+            d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -36388,13 +36174,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
                   class="t-icon t-icon-search"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <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"
+                    d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -36879,18 +36664,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
               class="t-icon t-icon-time"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-              <path
-                d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
+                d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -36918,18 +36697,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
       class="t-icon t-icon-close-circle t-tag__icon-close"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        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="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z"
+        d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </span>
@@ -36944,18 +36717,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
       class="t-icon t-icon-close-circle t-tag__icon-close"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        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"
+        d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z"
         fill="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z"
-        fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </span>
@@ -36970,18 +36737,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
       class="t-icon t-icon-close-circle t-tag__icon-close"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        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="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z"
+        d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </span>
@@ -36996,18 +36757,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
       class="t-icon t-icon-close-circle t-tag__icon-close"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        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="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2z"
+        d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </span>
@@ -37060,13 +36815,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
             class="t-icon t-icon-caret-right-small"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6 5v6l4.5-3L6 5z"
+              d="M16.5 12l-7-7v14l7-7z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -37097,13 +36851,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
             class="t-icon t-icon-caret-right-small"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6 5v6l4.5-3L6 5z"
+              d="M16.5 12l-7-7v14l7-7z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -37150,13 +36903,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
               class="t-icon t-icon-check"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -37197,13 +36949,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
               class="t-icon t-icon-check"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -37244,13 +36995,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
               class="t-icon t-icon-error"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z"
+                d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -37341,20 +37091,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/others.vue
             fill="none"
             height="1em"
             style="font-size: 24px;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              clip-rule="evenodd"
-              d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-              fill="currentColor"
-              fill-opacity="0.9"
-              fill-rule="evenodd"
-            />
-            <path
-              d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+              d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -37439,13 +37181,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/pagination.
       class="t-icon t-icon-chevron-left"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+        d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -37480,13 +37221,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/pagination.
       class="t-icon t-icon-chevron-right"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+        d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -37614,13 +37354,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/popconfirm.
             class="t-icon t-icon-close t-submenu-icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -37728,13 +37467,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                             fill="none"
                             height="1em"
                             style="font-size: 18px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M11 6H5l3 4.5L11 6z"
+                              d="M12 16.5l7-7H5l7 7z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -37746,13 +37484,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                             fill="none"
                             height="1em"
                             style="font-size: 18px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M11 6H5l3 4.5L11 6z"
+                              d="M12 16.5l7-7H5l7 7z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -37788,13 +37525,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -37833,13 +37569,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                             fill="none"
                             height="1em"
                             style="font-size: 18px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M11 6H5l3 4.5L11 6z"
+                              d="M12 16.5l7-7H5l7 7z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -37851,13 +37586,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                             fill="none"
                             height="1em"
                             style="font-size: 18px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M11 6H5l3 4.5L11 6z"
+                              d="M12 16.5l7-7H5l7 7z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -37869,13 +37603,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -37982,13 +37715,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                             fill="none"
                             height="1em"
                             style="font-size: 18px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M11 6H5l3 4.5L11 6z"
+                              d="M12 16.5l7-7H5l7 7z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -38000,13 +37732,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                             fill="none"
                             height="1em"
                             style="font-size: 18px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M11 6H5l3 4.5L11 6z"
+                              d="M12 16.5l7-7H5l7 7z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -38042,13 +37773,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -38087,13 +37817,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                             fill="none"
                             height="1em"
                             style="font-size: 18px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M11 6H5l3 4.5L11 6z"
+                              d="M12 16.5l7-7H5l7 7z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -38105,13 +37834,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                             fill="none"
                             height="1em"
                             style="font-size: 18px;"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M11 6H5l3 4.5L11 6z"
+                              d="M12 16.5l7-7H5l7 7z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -38123,13 +37851,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -38156,13 +37883,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                   class="t-icon t-icon-chevron-right"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                    d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -38196,13 +37922,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                   class="t-icon t-icon-chevron-right"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                    d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -38236,13 +37961,12 @@ exports[`csr snapshot test > csr test ./src/config-provider/_example/table.vue 1
                   class="t-icon t-icon-chevron-right"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                    d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -38319,13 +38043,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/base.vue 1`] =
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38366,13 +38089,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/base.vue 1`] =
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38411,19 +38133,17 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/custom-icon.vue
                 class="t-icon t-icon-browse"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
-                <path
-                  d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
-                />
+                <g
+                  clip-path="url(#clip0_8726_7319)"
+                >
+                  <path
+                    d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                    fill="currentColor"
+                  />
+                </g>
               </svg>
             </span>
             <div
@@ -38444,18 +38164,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/custom-icon.vue
                 class="t-icon t-icon-lock-on"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6 10v1h4v-1H6z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  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"
+                  d="M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38531,13 +38245,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-presets-al
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38605,13 +38318,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-presets-al
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38685,13 +38397,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-range.vue
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38757,13 +38468,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-range.vue
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38812,13 +38522,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-time.vue 1
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38859,13 +38568,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/date-time.vue 1
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38915,13 +38623,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/disable-date.vu
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -38963,13 +38670,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/disable-date.vu
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -39011,13 +38717,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/disable-date.vu
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -39059,13 +38764,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/disable-date.vu
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -39107,13 +38811,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/disable-date.vu
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -39181,13 +38884,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/disable-date.vu
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -39389,13 +39091,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/first-day-of-we
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -39444,13 +39145,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/month.vue 1`] =
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -39516,13 +39216,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/month.vue 1`] =
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -39665,13 +39364,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                     class="t-icon t-icon-chevron-left"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                      d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </button>
@@ -39684,13 +39382,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                     class="t-icon t-icon-round"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z"
+                      d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </button>
@@ -39703,13 +39400,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                     class="t-icon t-icon-chevron-right"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                      d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </button>
@@ -40282,13 +39978,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                     class="t-icon t-icon-chevron-left"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                      d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </button>
@@ -40301,13 +39996,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                     class="t-icon t-icon-round"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z"
+                      d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </button>
@@ -40320,13 +40014,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                     class="t-icon t-icon-chevron-right"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                      d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </button>
@@ -40943,13 +40636,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-chevron-left"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                        d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -40962,13 +40654,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-round"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z"
+                        d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -40981,13 +40672,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-chevron-right"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                        d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -41547,13 +41237,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-chevron-left"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                        d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -41566,13 +41255,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-round"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z"
+                        d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -41585,13 +41273,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-chevron-right"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                        d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -42168,13 +41855,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-chevron-left"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                        d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -42187,13 +41873,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-round"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z"
+                        d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -42206,13 +41891,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/panel.vue 1`] =
                       class="t-icon t-icon-chevron-right"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                        d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </button>
@@ -42741,13 +42425,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/quarter.vue 1`]
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -42813,13 +42496,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/quarter.vue 1`]
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -42868,13 +42550,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/week.vue 1`] =
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -42940,13 +42621,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/week.vue 1`] =
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -42995,13 +42675,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/year.vue 1`] =
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -43067,13 +42746,12 @@ exports[`csr snapshot test > csr test ./src/date-picker/_example/year.vue 1`] =
                 class="t-icon t-icon-calendar"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -43132,13 +42810,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/async.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -43319,13 +42996,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/attach.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -43425,13 +43101,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/attach.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -43516,13 +43191,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/attach.vue 1`] = `
                 class="t-icon t-icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -43625,13 +43299,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/base.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -43716,13 +43389,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/base.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -43853,13 +43525,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/custom.vue 1`] = `
                     class="t-icon t-icon-close"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -43935,13 +43606,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/custom.vue 1`] = `
                     class="t-icon t-icon-close"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -44019,13 +43689,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/custom.vue 1`] = `
                     class="t-icon t-icon-close"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -44178,13 +43847,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/custom.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44260,13 +43928,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/custom.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44298,13 +43965,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/custom.vue 1`] = `
                     class="t-icon t-icon-cart"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M1 3h1.58l1.39 8.33c.06.39.4.67.78.67H14v-1H4.92L4.6 9h8.63a.8.8 0 00.78-.6l.85-3.4a.8.8 0 00-.78-1H3.76l-.23-1.33A.8.8 0 002.75 2H1v1zm12.07 5H4.42l-.5-3h9.9l-.75 3zM4.75 14.5a.75.75 0 100-1.5.75.75 0 000 1.5zM12.81 14.5a.75.75 0 100-1.5.75.75 0 000 1.5z"
+                      d="M0 1h4.76l.55 2h18.08l-3.67 11H7.78l-.5 2H22v2H4.72l1.25-4.99L3.24 3H0V1zm7.76 11h10.52l2.33-7H5.85l1.91 7zM4 21a2 2 0 114 0 2 2 0 01-4 0zm14 0a2 2 0 114 0 2 2 0 01-4 0z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   <span
@@ -44357,13 +44023,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/custom.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44430,13 +44095,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/custom.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44539,13 +44203,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/drag.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44625,13 +44288,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/drag.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44708,13 +44370,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/drag.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44791,13 +44452,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/icon.vue 1`] = `
                   class="t-icon t-icon-info-circle-filled t-is-info"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 下单确认
@@ -44809,13 +44469,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/icon.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44883,13 +44542,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/icon.vue 1`] = `
                   class="t-icon t-icon-error-circle-filled t-is-warning"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 温馨提示
@@ -44901,13 +44559,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/icon.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -44975,13 +44632,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/icon.vue 1`] = `
                   class="t-icon t-icon-error-circle-filled t-is-error"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 推送失败
@@ -44993,13 +44649,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/icon.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45067,13 +44722,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/icon.vue 1`] = `
                   class="t-icon t-icon-check-circle-filled t-is-success"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 操作成功
@@ -45085,13 +44739,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/icon.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45247,13 +44900,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/modal.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45333,13 +44985,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/modal.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45416,13 +45067,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/modal.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45499,13 +45149,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/modal.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45735,13 +45384,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/position.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45817,13 +45465,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/position.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45902,13 +45549,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/position.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -45984,13 +45630,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/position.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -46275,13 +45920,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/warning.vue 1`] = `
                   class="t-icon t-icon-info-circle-filled t-is-info"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 提示
@@ -46293,13 +45937,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/warning.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -46360,13 +46003,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/warning.vue 1`] = `
                   class="t-icon t-icon-check-circle-filled t-is-success"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 成功
@@ -46378,13 +46020,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/warning.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -46445,13 +46086,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/warning.vue 1`] = `
                   class="t-icon t-icon-error-circle-filled t-is-warning"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 警示
@@ -46463,13 +46103,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/warning.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -46530,13 +46169,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/warning.vue 1`] = `
                   class="t-icon t-icon-error-circle-filled t-is-error"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 错误
@@ -46548,13 +46186,12 @@ exports[`csr snapshot test > csr test ./src/dialog/_example/warning.vue 1`] = `
                   class="t-icon t-icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -47118,13 +46755,12 @@ exports[`csr snapshot test > csr test ./src/drawer/_example/base.vue 1`] = `
             class="t-icon t-icon-close t-submenu-icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -47219,13 +46855,12 @@ exports[`csr snapshot test > csr test ./src/drawer/_example/custom.vue 1`] = `
             class="t-icon t-icon-close t-submenu-icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -47296,13 +46931,12 @@ exports[`csr snapshot test > csr test ./src/drawer/_example/custom.vue 1`] = `
             class="t-icon t-icon-close t-submenu-icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -47375,13 +47009,12 @@ exports[`csr snapshot test > csr test ./src/drawer/_example/custom.vue 1`] = `
             class="t-icon t-icon-close t-submenu-icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -48397,14 +48030,13 @@ exports[`csr snapshot test > csr test ./src/dropdown/_example/base.vue 1`] = `
           data-v-31515850=""
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             data-v-31515850=""
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -48476,13 +48108,12 @@ exports[`csr snapshot test > csr test ./src/dropdown/_example/disabled.vue 1`] =
           fill="none"
           height="1em"
           slot="suffix"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -48529,14 +48160,13 @@ exports[`csr snapshot test > csr test ./src/dropdown/_example/icon.vue 1`] = `
           data-v-6bf179f8=""
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             data-v-6bf179f8=""
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -48605,13 +48235,12 @@ exports[`csr snapshot test > csr test ./src/dropdown/_example/multiple.vue 1`] =
         class="t-icon t-icon-chevron-down"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+          d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </span>
@@ -48888,18 +48517,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/align.vue 1`] = `
                     class="t-icon t-icon-browse-off t-input__suffix-clear"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 26 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      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="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -48996,13 +48619,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/base.vue 1`] = `
               class="t-icon t-icon-remove t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.5 7.35h9v1.3h-9v-1.3z"
+                d="M4 11h16v2H4v-2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -49029,13 +48651,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/base.vue 1`] = `
               class="t-icon t-icon-add t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -49151,18 +48772,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/base.vue 1`] = `
                 class="t-icon t-icon-browse-off t-input__suffix-clear"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 26 24"
                 width="1em"
               >
                 <path
-                  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="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  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"
+                  d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -49511,13 +49126,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/base.vue 1`] = `
                     class="t-icon t-icon-calendar"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -49878,18 +49492,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/clear-validate.vue 1`]
                 class="t-icon t-icon-browse-off t-input__suffix-clear"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 26 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  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="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -50432,18 +50040,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/custom-validator.vue 1
                 class="t-icon t-icon-browse-off t-input__suffix-clear"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 26 24"
                 width="1em"
               >
                 <path
-                  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="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  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"
+                  d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -50497,18 +50099,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/custom-validator.vue 1
                 class="t-icon t-icon-browse-off t-input__suffix-clear"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 26 24"
                 width="1em"
               >
                 <path
-                  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="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  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"
+                  d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -50909,13 +50505,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/disabled.vue 1`] = `
                         class="t-icon t-icon-calendar"
                         fill="none"
                         height="1em"
-                        viewBox="0 0 16 16"
+                        viewBox="0 0 24 24"
                         width="1em"
                       >
                         <path
-                          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"
+                          d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                           fill="currentColor"
-                          fill-opacity="0.9"
                         />
                       </svg>
                     </span>
@@ -51180,13 +50775,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-remove t-size-m"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M3.5 7.35h9v1.3h-9v-1.3z"
+                    d="M4 11h16v2H4v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </button>
@@ -51216,13 +50810,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-add t-size-m"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                    d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </button>
@@ -51270,10 +50863,46 @@ exports[`csr snapshot test > csr test ./src/form/_example/disabled.vue 1`] = `
                     <div
                       class="t-upload__card-content t-upload__card-box"
                     >
-                      <img
-                        class="t-upload__card-image"
-                        src="https://tdesign.gtimg.com/site/avatar.jpg"
-                      />
+                      <div
+                        class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
+                      >
+                        <img
+                          alt=""
+                          class="t-image t-image--fit-fill t-image--position-center"
+                          src="https://tdesign.gtimg.com/site/avatar.jpg"
+                        />
+                        <div
+                          class="t-image__loading"
+                        >
+                          <div
+                            class="t-space t-space-align-center t-space-vertical"
+                            style="gap: 8px;"
+                          >
+                            <div
+                              class="t-space-item"
+                            >
+                              <svg
+                                class="t-icon t-icon-image"
+                                fill="none"
+                                height="1em"
+                                style="font-size: 24px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                            </div>
+                            <div
+                              class="t-space-item"
+                            >
+                              图片加载中
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                       <div
                         class="t-upload__card-mask"
                       >
@@ -51284,19 +50913,17 @@ exports[`csr snapshot test > csr test ./src/form/_example/disabled.vue 1`] = `
                             class="t-icon t-icon-browse"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
-                            <path
-                              d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
-                            <path
-                              d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-                              fill="currentColor"
-                              fill-opacity="0.9"
-                            />
+                            <g
+                              clip-path="url(#clip0_8726_7319)"
+                            >
+                              <path
+                                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                                fill="currentColor"
+                              />
+                            </g>
                           </svg>
                         </span>
                       </div>
@@ -51572,18 +51199,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/error-message.vue 1`]
                     class="t-icon t-icon-browse-off t-input__suffix-clear"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 26 24"
                     width="1em"
                   >
                     <path
-                      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="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      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"
+                      d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -52170,18 +51791,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/layout.vue 1`] = `
                     class="t-icon t-icon-browse-off t-input__suffix-clear"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 26 24"
                     width="1em"
                   >
                     <path
-                      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="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      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"
+                      d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -52228,13 +51843,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/login.vue 1`] = `
                     class="t-icon t-icon-desktop"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M2.5 11h5v2H3v1h10v-1H8.5v-2h5a1 1 0 001-1V3a1 1 0 00-1-1h-11a1 1 0 00-1 1v7a1 1 0 001 1zm0-8h11v7h-11V3z"
+                      d="M1 3h22v15H13v2h4v2H7v-2h4v-2H1V3zm2 2v11h18V5H3z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -52272,18 +51886,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/login.vue 1`] = `
                     class="t-icon t-icon-lock-on"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6 10v1h4v-1H6z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      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"
+                      d="M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -52301,18 +51909,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/login.vue 1`] = `
                     class="t-icon t-icon-browse-off t-input__suffix-clear"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 26 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      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="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -53144,13 +52746,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/validate-complicated-d
               class="t-icon t-icon-add"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -53984,18 +53585,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/validate-message.vue 1
                 class="t-icon t-icon-browse-off t-input__suffix-clear"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 26 24"
                 width="1em"
               >
                 <path
-                  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"
+                  d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  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="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -54150,13 +53745,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/validator.vue 1`] = `
               class="t-icon t-icon-remove t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.5 7.35h9v1.3h-9v-1.3z"
+                d="M4 11h16v2H4v-2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -54183,13 +53777,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/validator.vue 1`] = `
               class="t-icon t-icon-add t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -54305,18 +53898,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/validator.vue 1`] = `
                 class="t-icon t-icon-browse-off t-input__suffix-clear"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 26 24"
                 width="1em"
               >
                 <path
-                  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="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  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"
+                  d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -54665,13 +54252,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/validator.vue 1`] = `
                     class="t-icon t-icon-calendar"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -56746,14 +56332,13 @@ exports[`csr snapshot test > csr test ./src/guide/_example/my-popup.vue 1`] = `
     data-v-07bb7693=""
     fill="none"
     height="1em"
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     width="1em"
   >
     <path
-      d="M7.5 3.91L3.85 7.56l-.7-.7L7.79 2.2a.3.3 0 01.42 0l4.64 4.64-.7.71L8.5 3.91V14h-1V3.91z"
+      d="M11 19.5V7.91l-4.5 4.5L5.09 11 12 4.09 18.91 11l-1.41 1.41-4.5-4.5V19.5h-2z"
       data-v-07bb7693=""
       fill="currentColor"
-      fill-opacity="0.9"
     />
   </svg>
   <p
@@ -56848,15 +56433,21 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
       class="t-space t-space-horizontal"
       style="gap: 16px; flex-wrap: wrap;"
     >
+      <div
+        class="t-space-item"
+      >
+        <p>
+          How do you feel today?
+        </p>
+      </div>
       <div
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-loading"
-          style="color: rgb(153, 153, 153);"
+          class="t-icon t-icon-sneer"
         >
           <use
-            href="#t-icon-loading"
+            href="#t-icon-sneer"
           />
         </svg>
       </div>
@@ -56864,10 +56455,10 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-close"
+          class="t-icon t-icon-unhappy"
         >
           <use
-            href="#t-icon-close"
+            href="#t-icon-unhappy"
           />
         </svg>
       </div>
@@ -56875,10 +56466,32 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-excited"
+        >
+          <use
+            href="#t-icon-excited"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <svg
+          class="t-icon t-icon-surprised"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-surprised"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <svg
+          class="t-icon t-icon-giggle"
+        >
+          <use
+            href="#t-icon-giggle"
           />
         </svg>
       </div>
@@ -56894,22 +56507,19 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
       <div
         class="t-space-item"
       >
-        <svg
-          class="t-icon t-icon-check-circle-filled t-size-s"
-        >
-          <use
-            href="#t-icon-check-circle-filled"
-          />
-        </svg>
+        <p>
+          What's your favourite food?
+        </p>
       </div>
       <div
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-tangerinr"
+          color="orange"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-tangerinr"
           />
         </svg>
       </div>
@@ -56917,10 +56527,11 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled t-size-m"
+          class="t-icon t-icon-bamboo-shoot"
+          color="green"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-bamboo-shoot"
           />
         </svg>
       </div>
@@ -56928,10 +56539,11 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled t-size-l"
+          class="t-icon t-icon-apple"
+          color="red"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-apple"
           />
         </svg>
       </div>
@@ -56939,11 +56551,11 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
-          style="font-size: 25px;"
+          class="t-icon t-icon-milk"
+          color="#0052D9"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-milk"
           />
         </svg>
       </div>
@@ -56951,11 +56563,11 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
-          style="font-size: 2em;"
+          class="t-icon t-icon-peach"
+          color="pink"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-peach"
           />
         </svg>
       </div>
@@ -56968,15 +56580,21 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
       class="t-space t-space-horizontal"
       style="gap: 16px; flex-wrap: wrap;"
     >
+      <div
+        class="t-space-item"
+      >
+        <p>
+          How much icons does TDesign Icon includes?
+        </p>
+      </div>
       <div
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
-          style="color: red;"
+          class="t-icon t-icon-numbers-1"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-numbers-1"
           />
         </svg>
       </div>
@@ -56984,11 +56602,10 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
-          style="color: green;"
+          class="t-icon t-icon-numbers-2"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-numbers-2"
           />
         </svg>
       </div>
@@ -56996,11 +56613,21 @@ exports[`csr snapshot test > csr test ./src/icon/_example/base.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
-          style="color: orange;"
+          class="t-icon t-icon-numbers-0"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-numbers-0"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <svg
+          class="t-icon t-icon-numbers-3"
+        >
+          <use
+            href="#t-icon-numbers-3"
           />
         </svg>
       </div>
@@ -57213,25 +56840,46 @@ exports[`csr snapshot test > csr test ./src/icon/_example/iconfont.vue 1`] = `
       class="t-space t-space-horizontal"
       style="gap: 16px; flex-wrap: wrap;"
     >
+      <div
+        class="t-space-item"
+      >
+        <p>
+          How do you feel today?
+        </p>
+      </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-loading"
+          class="t-icon t-icon-sneer"
         />
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-close"
+          class="t-icon t-icon-unhappy"
         />
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-excited"
+        />
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <i
+          class="t-icon t-icon-surprised"
+        />
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <i
+          class="t-icon t-icon-giggle"
         />
       </div>
     </div>
@@ -57240,51 +56888,54 @@ exports[`csr snapshot test > csr test ./src/icon/_example/iconfont.vue 1`] = `
     class="t-space-item"
   >
     <div
-      class="t-space t-space-align-center t-space-horizontal"
+      class="t-space t-space-horizontal"
       style="gap: 16px; flex-wrap: wrap;"
     >
       <div
         class="t-space-item"
       >
-        <i
-          class="t-icon t-icon-check-circle-filled t-size-s"
-        />
+        <p>
+          What's your favourite food?
+        </p>
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-tangerinr"
+          style="color: orange;"
         />
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled t-size-m"
+          class="t-icon t-icon-bamboo-shoot"
+          style="color: green;"
         />
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled t-size-l"
+          class="t-icon t-icon-apple"
+          style="color: red;"
         />
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled"
-          style="font-size: 25px;"
+          class="t-icon t-icon-milk"
+          style="color: rgb(0, 82, 217);"
         />
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled"
-          style="font-size: 2em;"
+          class="t-icon t-icon-peach"
+          style="color: pink;"
         />
       </div>
     </div>
@@ -57293,31 +56944,42 @@ exports[`csr snapshot test > csr test ./src/icon/_example/iconfont.vue 1`] = `
     class="t-space-item"
   >
     <div
-      class="t-space t-space-align-center t-space-horizontal"
+      class="t-space t-space-horizontal"
       style="gap: 16px; flex-wrap: wrap;"
     >
+      <div
+        class="t-space-item"
+      >
+        <p>
+          How much icons does TDesign Icon includes?
+        </p>
+      </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled"
-          style="color: red;"
+          class="t-icon t-icon-numbers-1"
         />
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled"
-          style="color: green;"
+          class="t-icon t-icon-numbers-2"
         />
       </div>
       <div
         class="t-space-item"
       >
         <i
-          class="t-icon t-icon-check-circle-filled"
-          style="color: orange;"
+          class="t-icon t-icon-numbers-0"
+        />
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <i
+          class="t-icon t-icon-numbers-3"
         />
       </div>
     </div>
@@ -57433,23 +57095,22 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
     class="t-space-item"
   >
     <div
-      class="t-space t-space-align-center t-space-horizontal"
+      class="t-space t-space-horizontal"
       style="gap: 16px; flex-wrap: wrap;"
     >
       <div
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-loading"
+          class="t-icon t-icon-letters-t"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z"
+            d="M6.5 4h11v2H13v14h-2V6H6.5V4z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57457,16 +57118,15 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-close"
+          class="t-icon t-icon-letters-d"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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="M7 4h8a2 2 0 012 2v12a2 2 0 01-2 2H7V4zm2 2v12h6V6H9z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57474,42 +57134,31 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-letters-e"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M7 6c0-1.1.9-2 2-2h8v2H9v5h8v2H9v5h8v2H9a2 2 0 01-2-2V6z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-align-center t-space-horizontal"
-      style="gap: 16px; flex-wrap: wrap;"
-    >
       <div
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled t-size-s"
+          class="t-icon t-icon-letters-s"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M7.5 6c0-1.1.9-2 2-2H16v2H9.5v5h5a2 2 0 012 2v5a2 2 0 01-2 2H8v-2h6.5v-5h-5a2 2 0 01-2-2V6z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57517,16 +57166,15 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-letters-i"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M8.5 4h7v2H13v12h2.5v2h-7v-2H11V6H8.5V4z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57534,16 +57182,15 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled t-size-m"
+          class="t-icon t-icon-letters-g"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M16 4H8.5C7.67 4 7 4.67 7 5.5v13c0 .83.67 1.5 1.5 1.5H17v-9h-5.2v2H15v5H9V6h7V4z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57551,34 +57198,40 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled t-size-l"
+          class="t-icon t-icon-letters-n"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M8.5 20V6h7v14h2V6a2 2 0 00-2-2h-9v16h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      class="t-space t-space-horizontal"
+      style="gap: 16px; flex-wrap: wrap;"
+    >
       <div
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-component-checkbox"
           fill="none"
           height="1em"
-          style="font-size: 25px;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9zm8.41 3L15 18.41l-2.91-2.91 1.41-1.41 1.5 1.5 3-3L19.41 14z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57586,44 +57239,31 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-component-breadcrumb"
           fill="none"
           height="1em"
-          style="font-size: 2em;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M2 6.5v11h7.91l5.5-5.5-5.5-5.5H2zm2 2h5.09l3.5 3.5-3.5 3.5H4v-7zm10.59-1l4.5 4.5-4.5 4.5L16 17.91 21.91 12 16 6.09 14.59 7.5z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
-    </div>
-  </div>
-  <div
-    class="t-space-item"
-  >
-    <div
-      class="t-space t-space-align-center t-space-horizontal"
-      style="gap: 16px; flex-wrap: wrap;"
-    >
       <div
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-component-input"
           fill="none"
           height="1em"
-          style="color: red;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M2 7h20v9H2V7zm2 2v5h16V9H4zm4 1v3H6v-3h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57631,17 +57271,15 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-component-switch"
           fill="none"
           height="1em"
-          style="color: green;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M7.5 8.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm4.24 0a5.48 5.48 0 010 7h4.76a3.5 3.5 0 100-7h-4.76zM2 12a5.5 5.5 0 015.5-5.5h9a5.5 5.5 0 110 11h-9A5.5 5.5 0 012 12z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57649,17 +57287,47 @@ exports[`csr snapshot test > csr test ./src/icon/_example/single.vue 1`] = `
         class="t-space-item"
       >
         <svg
-          class="t-icon t-icon-check-circle-filled"
+          class="t-icon t-icon-component-dropdown"
           fill="none"
           height="1em"
-          style="color: orange;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M2 2h20v7H2V2zm2 2v3h16V4H4zm0 7v9h16v-9h2v11H2V11h2zm2 1h12v2H6v-2zm0 4h12v2H6v-2z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <svg
+          class="t-icon t-icon-component-radio"
+          fill="none"
+          height="1em"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M12 4a8 8 0 100 16 8 8 0 000-16zM2 12a10 10 0 1120 0 10 10 0 01-20 0zm10-4a4 4 0 100 8 4 4 0 000-8zm-6 4a6 6 0 1112 0 6 6 0 01-12 0z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <svg
+          class="t-icon t-icon-component-steps"
+          fill="none"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M1 12a3.5 3.5 0 016.86-1h.78a3.5 3.5 0 016.72 0h.78a3.5 3.5 0 110 2h-.78a3.5 3.5 0 01-6.72 0h-.78A3.5 3.5 0 011 12zm3.5-1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -57710,20 +57378,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/avif.vue 1`] = `
               fill="none"
               height="1em"
               style="font-size: 24px;"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                clip-rule="evenodd"
-                d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                fill="currentColor"
-                fill-opacity="0.9"
-                fill-rule="evenodd"
-              />
-              <path
-                d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -57794,20 +57454,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/extra-always.vue 1`]
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -57833,13 +57485,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/extra-always.vue 1`]
                     class="t-icon t-icon-print"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M4 2v2H3a1 1 0 00-1 1v5a1 1 0 001 1h1v3h8v-3h1a1 1 0 001-1V5a1 1 0 00-1-1h-1V2H4zm7 2H5V3h6v1zM3 5h10v5h-1V8H4v2H3V5zm2 8V9h6v4H5z"
+                      d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                    高清
@@ -57894,20 +57545,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/extra-always.vue 1`]
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -57930,13 +57573,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/extra-always.vue 1`]
                   class="t-icon t-icon-print"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M4 2v2H3a1 1 0 00-1 1v5a1 1 0 001 1h1v3h8v-3h1a1 1 0 001-1V5a1 1 0 00-1-1h-1V2H4zm7 2H5V3h6v1zM3 5h10v5h-1V8H4v2H3V5zm2 8V9h6v4H5z"
+                    d="M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                  高清
@@ -57975,20 +57617,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/extra-hover.vue 1`] =
           fill="none"
           height="1em"
           style="font-size: 24px;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            clip-rule="evenodd"
-            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-            fill="currentColor"
-            fill-opacity="0.9"
-            fill-rule="evenodd"
-          />
-          <path
-            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -58050,20 +57684,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-mode.vue 1`] = `
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -58119,20 +57745,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-mode.vue 1`] = `
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -58188,20 +57806,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-mode.vue 1`] = `
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -58257,20 +57867,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-mode.vue 1`] = `
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -58326,20 +57928,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-mode.vue 1`] = `
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -58410,20 +58004,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                       fill="none"
                       height="1em"
                       style="font-size: 24px;"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -58479,20 +58065,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                       fill="none"
                       height="1em"
                       style="font-size: 24px;"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -58548,20 +58126,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                       fill="none"
                       height="1em"
                       style="font-size: 24px;"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -58626,20 +58196,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                       fill="none"
                       height="1em"
                       style="font-size: 24px;"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -58695,20 +58257,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                       fill="none"
                       height="1em"
                       style="font-size: 24px;"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -58773,20 +58327,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                       fill="none"
                       height="1em"
                       style="font-size: 24px;"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -58842,20 +58388,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                       fill="none"
                       height="1em"
                       style="font-size: 24px;"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -58911,20 +58449,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                       fill="none"
                       height="1em"
                       style="font-size: 24px;"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        clip-rule="evenodd"
-                        d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                        d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -58987,20 +58517,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                           fill="none"
                           height="1em"
                           style="font-size: 24px;"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            clip-rule="evenodd"
-                            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                            fill-rule="evenodd"
-                          />
-                          <path
-                            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -59056,20 +58578,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/fill-position.vue 1`]
                           fill="none"
                           height="1em"
                           style="font-size: 24px;"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            clip-rule="evenodd"
-                            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                            fill-rule="evenodd"
-                          />
-                          <path
-                            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -59126,20 +58640,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/gallery-cover.vue 1`]
           fill="none"
           height="1em"
           style="font-size: 24px;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            clip-rule="evenodd"
-            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-            fill="currentColor"
-            fill-opacity="0.9"
-            fill-rule="evenodd"
-          />
-          <path
-            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -59478,13 +58984,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/lazy-list.vue 1`] = `
         class="t-icon t-icon-refresh"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          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"
+          d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span
@@ -59534,13 +59039,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/lazy-single.vue 1`] =
         class="t-icon t-icon-refresh"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          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"
+          d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span
@@ -59613,20 +59117,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/placeholder.vue 1`] =
                           fill="none"
                           height="1em"
                           style="font-size: 24px;"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            clip-rule="evenodd"
-                            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
-                            fill-rule="evenodd"
-                          />
-                          <path
-                            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
+                            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -59650,13 +59146,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/placeholder.vue 1`] =
                     class="t-icon t-icon-refresh"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   <span
@@ -59701,18 +59196,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/placeholder.vue 1`] =
                       class="t-icon t-icon-qrcode"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M6 4H4v2h2V4z"
+                        d="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"
                         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"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </div>
@@ -59777,20 +59266,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/placeholder.vue 1`] =
                           fill="none"
                           height="1em"
                           style="font-size: 24px;"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            clip-rule="evenodd"
-                            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                             fill="currentColor"
-                            fill-opacity="0.9"
-                            fill-rule="evenodd"
-                          />
-                          <path
-                            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -59814,13 +59295,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/placeholder.vue 1`] =
                     class="t-icon t-icon-refresh"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   <span
@@ -59873,20 +59353,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/placeholder.vue 1`] =
                           fill="none"
                           height="1em"
                           style="font-size: 24px;"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            clip-rule="evenodd"
-                            d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                             fill="currentColor"
-                            fill-opacity="0.9"
-                            fill-rule="evenodd"
-                          />
-                          <path
-                            d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                            fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -59947,20 +59419,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/shape.vue 1`] = `
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -60016,20 +59480,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/shape.vue 1`] = `
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -60085,20 +59541,12 @@ exports[`csr snapshot test > csr test ./src/image/_example/shape.vue 1`] = `
                   fill="none"
                   height="1em"
                   style="font-size: 24px;"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    clip-rule="evenodd"
-                    d="M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z"
+                    d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    fill-rule="evenodd"
-                  />
-                  <path
-                    d="M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -60151,21 +59599,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/album.vue 1`]
           fill="none"
           height="1em"
           style="font-size: 1.4em;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
-          <path
-            d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-            data-v-5b8719ed=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
+          <g
+            clip-path="url(#clip0_8726_7319)"
             data-v-5b8719ed=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
+          >
+            <path
+              d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+              data-v-5b8719ed=""
+              fill="currentColor"
+            />
+          </g>
         </svg>
          预览
       </span>
@@ -60213,21 +59659,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/albumIcons.vue
           fill="none"
           height="1em"
           style="font-size: 1.4em;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
-          <path
-            d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
+          <g
+            clip-path="url(#clip0_8726_7319)"
             data-v-77602346=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-            data-v-77602346=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
+          >
+            <path
+              d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+              data-v-77602346=""
+              fill="currentColor"
+            />
+          </g>
         </svg>
          预览 
       </span>
@@ -60251,35 +59695,32 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/albumIcons.vue
           data-v-77602346=""
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
-          <path
-            d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-            data-v-77602346=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
+          <g
+            clip-path="url(#clip0_8726_7319)"
             data-v-77602346=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
+          >
+            <path
+              d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+              data-v-77602346=""
+              fill="currentColor"
+            />
+          </g>
         </svg>
         <svg
           class="t-icon t-icon-ellipsis tdesign-demo-image-viewer__ui-image--ellipsis"
           data-v-77602346=""
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+            d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
             data-v-77602346=""
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -60319,21 +59760,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/base.vue 1`] =
             fill="none"
             height="1em"
             style="font-size: 1.4em;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
-            <path
-              d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-              data-v-1fed8bc3=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
+            <g
+              clip-path="url(#clip0_8726_7319)"
               data-v-1fed8bc3=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
+            >
+              <path
+                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                data-v-1fed8bc3=""
+                fill="currentColor"
+              />
+            </g>
           </svg>
            预览
         </span>
@@ -60365,19 +59804,17 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/block.vue 1`]
             fill="none"
             height="1em"
             style="font-size: 1.4em;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
-            <path
-              d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
+            <g
+              clip-path="url(#clip0_8726_7319)"
+            >
+              <path
+                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                fill="currentColor"
+              />
+            </g>
           </svg>
            预览
         </span>
@@ -60404,19 +59841,17 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/block.vue 1`]
             fill="none"
             height="1em"
             style="font-size: 1.4em;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
-            <path
-              d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
+            <g
+              clip-path="url(#clip0_8726_7319)"
+            >
+              <path
+                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                fill="currentColor"
+              />
+            </g>
           </svg>
            预览
         </span>
@@ -60472,21 +59907,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/error.vue 1`]
             fill="none"
             height="1em"
             style="font-size: 1.4em;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
-            <path
-              d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
+            <g
+              clip-path="url(#clip0_8726_7319)"
               data-v-604cf906=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-              data-v-604cf906=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
+            >
+              <path
+                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                data-v-604cf906=""
+                fill="currentColor"
+              />
+            </g>
           </svg>
            预览
         </span>
@@ -60519,21 +59952,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/error.vue 1`]
             fill="none"
             height="1em"
             style="font-size: 1.4em;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
-            <path
-              d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
+            <g
+              clip-path="url(#clip0_8726_7319)"
               data-v-604cf906=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-              data-v-604cf906=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
+            >
+              <path
+                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                data-v-604cf906=""
+                fill="currentColor"
+              />
+            </g>
           </svg>
            预览
         </span>
@@ -60566,21 +59997,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/error.vue 1`]
             fill="none"
             height="1em"
             style="font-size: 1.4em;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
-            <path
-              d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-              data-v-604cf906=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
+            <g
+              clip-path="url(#clip0_8726_7319)"
               data-v-604cf906=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
+            >
+              <path
+                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                data-v-604cf906=""
+                fill="currentColor"
+              />
+            </g>
           </svg>
            预览
         </span>
@@ -60613,21 +60042,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/error.vue 1`]
             fill="none"
             height="1em"
             style="font-size: 1.4em;"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
-            <path
-              d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-              data-v-604cf906=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
+            <g
+              clip-path="url(#clip0_8726_7319)"
               data-v-604cf906=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
+            >
+              <path
+                d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                data-v-604cf906=""
+                fill="currentColor"
+              />
+            </g>
           </svg>
            预览
         </span>
@@ -60665,21 +60092,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/modeless.vue 1
           fill="none"
           height="1em"
           style="font-size: 1.4em;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
-          <path
-            d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-            data-v-431927a4=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
+          <g
+            clip-path="url(#clip0_8726_7319)"
             data-v-431927a4=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
+          >
+            <path
+              d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+              data-v-431927a4=""
+              fill="currentColor"
+            />
+          </g>
         </svg>
          预览
       </span>
@@ -60715,21 +60140,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/multiple.vue 1
           fill="none"
           height="1em"
           style="font-size: 1.4em;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
-          <path
-            d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
+          <g
+            clip-path="url(#clip0_8726_7319)"
             data-v-a0b112fc=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-            data-v-a0b112fc=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
+          >
+            <path
+              d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+              data-v-a0b112fc=""
+              fill="currentColor"
+            />
+          </g>
         </svg>
          预览
       </span>
@@ -60758,21 +60181,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/multiple.vue 1
           fill="none"
           height="1em"
           style="font-size: 1.4em;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
-          <path
-            d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-            data-v-a0b112fc=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
+          <g
+            clip-path="url(#clip0_8726_7319)"
             data-v-a0b112fc=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
+          >
+            <path
+              d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+              data-v-a0b112fc=""
+              fill="currentColor"
+            />
+          </g>
         </svg>
          预览
       </span>
@@ -60801,21 +60222,19 @@ exports[`csr snapshot test > csr test ./src/image-viewer/_example/multiple.vue 1
           fill="none"
           height="1em"
           style="font-size: 1.4em;"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
-          <path
-            d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-            data-v-a0b112fc=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
+          <g
+            clip-path="url(#clip0_8726_7319)"
             data-v-a0b112fc=""
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
+          >
+            <path
+              d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+              data-v-a0b112fc=""
+              fill="currentColor"
+            />
+          </g>
         </svg>
          预览
       </span>
@@ -61495,18 +60914,12 @@ exports[`csr snapshot test > csr test ./src/input/_example/password.vue 1`] = `
             class="t-icon t-icon-lock-on"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6 10v1h4v-1H6z"
+              d="M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              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="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -61524,18 +60937,12 @@ exports[`csr snapshot test > csr test ./src/input/_example/password.vue 1`] = `
             class="t-icon t-icon-browse-off t-input__suffix-clear"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 26 24"
             width="1em"
           >
             <path
-              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"
+              d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              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="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -61558,18 +60965,12 @@ exports[`csr snapshot test > csr test ./src/input/_example/password.vue 1`] = `
             class="t-icon t-icon-lock-on"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6 10v1h4v-1H6z"
+              d="M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              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="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -61587,18 +60988,12 @@ exports[`csr snapshot test > csr test ./src/input/_example/password.vue 1`] = `
             class="t-icon t-icon-browse-off t-input__suffix-clear"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 26 24"
             width="1em"
           >
             <path
-              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"
+              d="M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              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="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -62432,13 +61827,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/align.vue 1`]
               class="t-icon t-icon-remove t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.5 7.35h9v1.3h-9v-1.3z"
+                d="M4 11h16v2H4v-2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -62465,13 +61859,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/align.vue 1`]
               class="t-icon t-icon-add t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -62491,13 +61884,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/align.vue 1`]
               class="t-icon t-icon-remove t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.5 7.35h9v1.3h-9v-1.3z"
+                d="M4 11h16v2H4v-2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -62524,13 +61916,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/align.vue 1`]
               class="t-icon t-icon-add t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -62550,13 +61941,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/align.vue 1`]
               class="t-icon t-icon-remove t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.5 7.35h9v1.3h-9v-1.3z"
+                d="M4 11h16v2H4v-2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -62583,13 +61973,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/align.vue 1`]
               class="t-icon t-icon-add t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -62691,13 +62080,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/auto-width.vue
         class="t-icon t-icon-remove t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.5 7.35h9v1.3h-9v-1.3z"
+          d="M4 11h16v2H4v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -62729,13 +62117,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/auto-width.vue
         class="t-icon t-icon-add t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -62762,13 +62149,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/center.vue 1`]
           class="t-icon t-icon-remove t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.5 7.35h9v1.3h-9v-1.3z"
+            d="M4 11h16v2H4v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -62800,13 +62186,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/center.vue 1`]
           class="t-icon t-icon-add t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -62827,13 +62212,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/center.vue 1`]
           class="t-icon t-icon-remove t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.5 7.35h9v1.3h-9v-1.3z"
+            d="M4 11h16v2H4v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -62860,13 +62244,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/center.vue 1`]
           class="t-icon t-icon-add t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -62887,13 +62270,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/center.vue 1`]
           class="t-icon t-icon-remove t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.5 7.35h9v1.3h-9v-1.3z"
+            d="M4 11h16v2H4v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -62925,13 +62307,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/center.vue 1`]
           class="t-icon t-icon-add t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -62953,13 +62334,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/default.vue 1`
         class="t-icon t-icon-remove t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.5 7.35h9v1.3h-9v-1.3z"
+          d="M4 11h16v2H4v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -62986,13 +62366,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/default.vue 1`
         class="t-icon t-icon-add t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63014,13 +62393,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/disabled.vue 1
         class="t-icon t-icon-remove t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.5 7.35h9v1.3h-9v-1.3z"
+          d="M4 11h16v2H4v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63050,13 +62428,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/disabled.vue 1
         class="t-icon t-icon-add t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63077,13 +62454,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/empty.vue 1`]
         class="t-icon t-icon-remove t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.5 7.35h9v1.3h-9v-1.3z"
+          d="M4 11h16v2H4v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63110,13 +62486,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/empty.vue 1`]
         class="t-icon t-icon-add t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63143,13 +62518,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/format.vue 1`]
           class="t-icon t-icon-remove t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.5 7.35h9v1.3h-9v-1.3z"
+            d="M4 11h16v2H4v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63181,13 +62555,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/format.vue 1`]
           class="t-icon t-icon-add t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63207,13 +62580,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/format.vue 1`]
           class="t-icon t-icon-remove t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.5 7.35h9v1.3h-9v-1.3z"
+            d="M4 11h16v2H4v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63245,13 +62617,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/format.vue 1`]
           class="t-icon t-icon-add t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63280,13 +62651,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/large-number.v
           class="t-icon t-icon-remove t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.5 7.35h9v1.3h-9v-1.3z"
+            d="M4 11h16v2H4v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63313,13 +62683,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/large-number.v
           class="t-icon t-icon-add t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63340,13 +62709,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/large-number.v
           class="t-icon t-icon-remove t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.5 7.35h9v1.3h-9v-1.3z"
+            d="M4 11h16v2H4v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63373,13 +62741,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/large-number.v
           class="t-icon t-icon-add t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63400,13 +62767,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/large-number.v
           class="t-icon t-icon-remove t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.5 7.35h9v1.3h-9v-1.3z"
+            d="M4 11h16v2H4v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63433,13 +62799,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/large-number.v
           class="t-icon t-icon-add t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63467,13 +62832,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/left.vue 1`] =
           class="t-icon t-icon-chevron-down t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63500,13 +62864,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/left.vue 1`] =
           class="t-icon t-icon-chevron-up t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+            d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63527,13 +62890,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/left.vue 1`] =
           class="t-icon t-icon-chevron-down t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63565,13 +62927,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/left.vue 1`] =
           class="t-icon t-icon-chevron-up t-size-m"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+            d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -63694,13 +63055,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/size.vue 1`] =
         class="t-icon t-icon-remove t-size-s"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.5 7.35h9v1.3h-9v-1.3z"
+          d="M4 11h16v2H4v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63727,13 +63087,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/size.vue 1`] =
         class="t-icon t-icon-add t-size-s"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63750,13 +63109,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/size.vue 1`] =
         class="t-icon t-icon-remove t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.5 7.35h9v1.3h-9v-1.3z"
+          d="M4 11h16v2H4v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63783,13 +63141,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/size.vue 1`] =
         class="t-icon t-icon-add t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63805,13 +63162,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/size.vue 1`] =
         class="t-icon t-icon-remove t-size-l"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.5 7.35h9v1.3h-9v-1.3z"
+          d="M4 11h16v2H4v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63838,13 +63194,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/size.vue 1`] =
         class="t-icon t-icon-add t-size-l"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -63972,13 +63327,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/status.vue 1`]
                 class="t-icon t-icon-remove t-size-m"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M3.5 7.35h9v1.3h-9v-1.3z"
+                  d="M4 11h16v2H4v-2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -64010,13 +63364,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/status.vue 1`]
                 class="t-icon t-icon-add t-size-m"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                  d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -64060,13 +63413,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/status.vue 1`]
                 class="t-icon t-icon-remove t-size-m"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M3.5 7.35h9v1.3h-9v-1.3z"
+                  d="M4 11h16v2H4v-2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -64098,13 +63450,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/status.vue 1`]
                 class="t-icon t-icon-add t-size-m"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                  d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -64148,13 +63499,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/status.vue 1`]
                 class="t-icon t-icon-remove t-size-m"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M3.5 7.35h9v1.3h-9v-1.3z"
+                  d="M4 11h16v2H4v-2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -64186,13 +63536,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/status.vue 1`]
                 class="t-icon t-icon-add t-size-m"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                  d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -64236,13 +63585,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/status.vue 1`]
                 class="t-icon t-icon-remove t-size-m"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M3.5 7.35h9v1.3h-9v-1.3z"
+                  d="M4 11h16v2H4v-2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -64274,13 +63622,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/status.vue 1`]
                 class="t-icon t-icon-add t-size-m"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                  d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -64308,13 +63655,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/step.vue 1`] =
         class="t-icon t-icon-remove t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.5 7.35h9v1.3h-9v-1.3z"
+          d="M4 11h16v2H4v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -64341,13 +63687,12 @@ exports[`csr snapshot test > csr test ./src/input-number/_example/step.vue 1`] =
         class="t-icon t-icon-add t-size-m"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+          d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -65183,18 +64528,12 @@ exports[`csr snapshot test > csr test ./src/link/_example/disabled.vue 1`] = `
           class="t-icon t-icon-jump"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z"
+            d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -65203,6 +64542,38 @@ exports[`csr snapshot test > csr test ./src/link/_example/disabled.vue 1`] = `
 </div>
 `;
 
+exports[`csr snapshot test > csr test ./src/link/_example/download.vue 1`] = `
+<div
+  class="t-space t-space-horizontal"
+  style="gap: 16px;"
+>
+  <div
+    class="t-space-item"
+  >
+    <a
+      class="t-link t-link--theme-primary t-link--hover-underline"
+      download=""
+      href="/starter/assets/vue.ee956b80.svg"
+      target=""
+    >
+      跳转链接
+    </a>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <a
+      class="t-link t-link--theme-primary t-link--hover-underline"
+      download="test/download-file.png"
+      href="/starter/assets/vue.ee956b80.svg"
+      target=""
+    >
+      跳转链接
+    </a>
+  </div>
+</div>
+`;
+
 exports[`csr snapshot test > csr test ./src/link/_example/hover.vue 1`] = `
 <div
   class="t-space t-space-vertical"
@@ -65407,18 +64778,12 @@ exports[`csr snapshot test > csr test ./src/link/_example/icon.vue 1`] = `
           class="t-icon t-icon-link"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6.23 11.89l2.12-2.12.71.7-2.12 2.13A2.5 2.5 0 013.4 9.06l2.13-2.12.7.7-2.12 2.13a1.5 1.5 0 002.12 2.12zM10.47 9.06l-.7-.7 2.12-2.13a1.5 1.5 0 10-2.12-2.12L7.65 6.23l-.71-.7L9.06 3.4a2.5 2.5 0 013.54 3.54l-2.13 2.12z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M9.06 6.23L6.23 9.06l.71.7 2.83-2.82-.7-.7z"
+            d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -65440,18 +64805,12 @@ exports[`csr snapshot test > csr test ./src/link/_example/icon.vue 1`] = `
           class="t-icon t-icon-link"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6.23 11.89l2.12-2.12.71.7-2.12 2.13A2.5 2.5 0 013.4 9.06l2.13-2.12.7.7-2.12 2.13a1.5 1.5 0 002.12 2.12zM10.47 9.06l-.7-.7 2.12-2.13a1.5 1.5 0 10-2.12-2.12L7.65 6.23l-.71-.7L9.06 3.4a2.5 2.5 0 013.54 3.54l-2.13 2.12z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M9.06 6.23L6.23 9.06l.71.7 2.83-2.82-.7-.7z"
+            d="M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -65474,18 +64833,12 @@ exports[`csr snapshot test > csr test ./src/link/_example/icon.vue 1`] = `
           class="t-icon t-icon-jump"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z"
+            d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -65506,18 +64859,12 @@ exports[`csr snapshot test > csr test ./src/link/_example/icon.vue 1`] = `
           class="t-icon t-icon-jump"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z"
+            d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -65593,18 +64940,12 @@ exports[`csr snapshot test > csr test ./src/link/_example/size.vue 1`] = `
               class="t-icon t-icon-jump"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-              <path
-                d="M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z"
+                d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -65674,18 +65015,12 @@ exports[`csr snapshot test > csr test ./src/link/_example/size.vue 1`] = `
               class="t-icon t-icon-jump"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-              <path
-                d="M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z"
+                d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -65755,18 +65090,12 @@ exports[`csr snapshot test > csr test ./src/link/_example/size.vue 1`] = `
               class="t-icon t-icon-jump"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-              <path
-                d="M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z"
+                d="M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -66989,13 +66318,12 @@ exports[`csr snapshot test > csr test ./src/list/_example/operation.vue 1`] = `
                     class="t-icon t-icon-edit"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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"
+                      d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -67011,18 +66339,12 @@ exports[`csr snapshot test > csr test ./src/list/_example/operation.vue 1`] = `
                     class="t-icon t-icon-download"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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"
+                      d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -67079,13 +66401,12 @@ exports[`csr snapshot test > csr test ./src/list/_example/operation.vue 1`] = `
                     class="t-icon t-icon-edit"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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"
+                      d="M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -67101,18 +66422,12 @@ exports[`csr snapshot test > csr test ./src/list/_example/operation.vue 1`] = `
                     class="t-icon t-icon-download"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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"
+                      d="M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -68648,14 +67963,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/custom-header.vue 1`]
             data-v-92091f28=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <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"
+              d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
               data-v-92091f28=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -68669,14 +67983,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/custom-header.vue 1`]
             data-v-92091f28=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+              d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
               data-v-92091f28=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -68690,14 +68003,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/custom-header.vue 1`]
             data-v-92091f28=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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"
+              d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
               data-v-92091f28=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -68711,14 +68023,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/custom-header.vue 1`]
             data-v-92091f28=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+              d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
               data-v-92091f28=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -68925,14 +68236,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
             fill="none"
             height="1em"
             shape="square"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <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"
+              d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
               data-v-3a8c765e=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -68946,14 +68256,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
             data-v-3a8c765e=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+              d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
               data-v-3a8c765e=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -68967,14 +68276,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
             data-v-3a8c765e=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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"
+              d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
               data-v-3a8c765e=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -68988,14 +68296,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
             data-v-3a8c765e=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+              d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
               data-v-3a8c765e=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -69137,14 +68444,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
               data-v-3a8c765e=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <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"
+                d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
                 data-v-3a8c765e=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -69158,14 +68464,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
               data-v-3a8c765e=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+                d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
                 data-v-3a8c765e=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -69179,14 +68484,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
               data-v-3a8c765e=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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"
+                d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
                 data-v-3a8c765e=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -69200,14 +68504,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/double.vue 1`] = `
               data-v-3a8c765e=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                 data-v-3a8c765e=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -69538,13 +68841,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-dark.vue 1`]
             class="t-icon t-icon-search"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <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"
+              d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -69556,13 +68858,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-dark.vue 1`]
             class="t-icon t-icon-mail"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+              d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -69574,13 +68875,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-dark.vue 1`]
             class="t-icon t-icon-user"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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"
+              d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -69592,13 +68892,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-dark.vue 1`]
             class="t-icon t-icon-ellipsis"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+              d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -69729,13 +69028,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-mode-tile.vu
             class="t-icon t-icon-search"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <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"
+              d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -69747,13 +69045,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-mode-tile.vu
             class="t-icon t-icon-mail"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+              d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -69765,13 +69062,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-mode-tile.vu
             class="t-icon t-icon-user"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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"
+              d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -69783,13 +69079,12 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-mode-tile.vu
             class="t-icon t-icon-ellipsis"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+              d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -70001,14 +69296,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
           fill="none"
           height="1em"
           shape="square"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <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"
+            d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
             data-v-46745d88=""
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -70022,14 +69316,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
           data-v-46745d88=""
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+            d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
             data-v-46745d88=""
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -70043,14 +69336,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
           data-v-46745d88=""
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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"
+            d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
             data-v-46745d88=""
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -70064,14 +69356,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/head-menu-tile.vue 1`]
           data-v-46745d88=""
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+            d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
             data-v-46745d88=""
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -70447,14 +69738,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
                 data-v-3a81e078=""
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M14 4.5H2v-1h12v1zM14 8.5H2v-1h12v1zM2 12.5h12v-1H2v1z"
+                  d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"
                   data-v-3a81e078=""
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </button>
@@ -70828,14 +70118,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multi-side.vue 1`] = `
             data-v-3a81e078=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M14 4.5H2v-1h12v1zM14 8.5H2v-1h12v1zM2 12.5h12v-1H2v1z"
+              d="M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z"
               data-v-3a81e078=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -70949,14 +70238,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
             fill="none"
             height="1em"
             shape="square"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <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"
+              d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
               data-v-4dc7c046=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -70970,14 +70258,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
             data-v-4dc7c046=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+              d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
               data-v-4dc7c046=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -70991,14 +70278,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
             data-v-4dc7c046=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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"
+              d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
               data-v-4dc7c046=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -71012,14 +70298,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
             data-v-4dc7c046=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+              d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
               data-v-4dc7c046=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -71133,14 +70418,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
               data-v-4dc7c046=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <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"
+                d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
                 data-v-4dc7c046=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -71154,14 +70438,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
               data-v-4dc7c046=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+                d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
                 data-v-4dc7c046=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -71175,14 +70458,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
               data-v-4dc7c046=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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"
+                d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
                 data-v-4dc7c046=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -71196,14 +70478,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/multiple.vue 1`] = `
               data-v-4dc7c046=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                 data-v-4dc7c046=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -71681,14 +70962,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
             fill="none"
             height="1em"
             shape="square"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <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"
+              d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
               data-v-42966b55=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -71702,14 +70982,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
             data-v-42966b55=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+              d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
               data-v-42966b55=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -71723,14 +71002,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
             data-v-42966b55=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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"
+              d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
               data-v-42966b55=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -71744,14 +71022,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
             data-v-42966b55=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+              d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
               data-v-42966b55=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -71830,14 +71107,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
               data-v-42966b55=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <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"
+                d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
                 data-v-42966b55=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -71851,14 +71127,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
               data-v-42966b55=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z"
+                d="M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z"
                 data-v-42966b55=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -71872,14 +71147,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
               data-v-42966b55=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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"
+                d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
                 data-v-42966b55=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -71893,14 +71167,13 @@ exports[`csr snapshot test > csr test ./src/menu/_example/single.vue 1`] = `
               data-v-42966b55=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                 data-v-42966b55=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -72377,13 +71650,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/base.vue 1`] = `
         class="t-icon t-icon-info-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       用于表示普通操作信息提示
@@ -72402,13 +71674,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/base.vue 1`] = `
         class="t-icon t-icon-check-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          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"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       用于表示操作顺利达成
@@ -72427,13 +71698,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/base.vue 1`] = `
         class="t-icon t-icon-error-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+          d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       用于表示操作引起一定后果
@@ -72452,13 +71722,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/base.vue 1`] = `
         class="t-icon t-icon-error-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+          d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       用于表示操作引起严重的后果
@@ -72477,13 +71746,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/base.vue 1`] = `
         class="t-icon t-icon-help-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.8 6.63a2.2 2.2 0 014.39 0c0 .97-.75 1.72-1.49 2.02a.34.34 0 00-.2.32v.8h-1v-.8c0-.56.33-1.04.82-1.24.5-.2.87-.66.87-1.1a1.2 1.2 0 00-2.39 0h-1zm1.67 4.54a.53.53 0 111.05 0 .53.53 0 01-1.05 0z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       用于帮助用户操作的信息提示
@@ -72512,13 +71780,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/close.vue 1`] = `
         class="t-icon t-icon-info-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       点击关闭按钮触发事件 close-btn-click 
@@ -72529,13 +71796,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/close.vue 1`] = `
           class="t-icon t-icon-close"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -72552,13 +71818,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/close.vue 1`] = `
         class="t-icon t-icon-info-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       自定义关闭按钮（文字）
@@ -72580,13 +71845,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/close.vue 1`] = `
         class="t-icon t-icon-info-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       自定义关闭按钮（函数）
@@ -72617,13 +71881,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/close.vue 1`] = `
         class="t-icon t-icon-info-circle-filled"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
        自定义关闭按钮（插槽） 
@@ -73298,13 +72561,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/type.vue 1`] = `
       class="t-icon t-icon-info-circle-filled"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+        d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
     用户表示普通操作信息提示
@@ -73320,13 +72582,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/type.vue 1`] = `
       class="t-icon t-icon-check-circle-filled"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        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"
+        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
     用户表示操作顺利达成
@@ -73342,13 +72603,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/type.vue 1`] = `
       class="t-icon t-icon-error-circle-filled"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
     用户表示操作引起一定后果
@@ -73364,13 +72624,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/type.vue 1`] = `
       class="t-icon t-icon-error-circle-filled"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
     用户表示操作引起严重的后果
@@ -73386,13 +72645,12 @@ exports[`csr snapshot test > csr test ./src/message/_example/type.vue 1`] = `
       class="t-icon t-icon-help-circle-filled"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.8 6.63a2.2 2.2 0 014.39 0c0 .97-.75 1.72-1.49 2.02a.34.34 0 00-.2.32v.8h-1v-.8c0-.56.33-1.04.82-1.24.5-.2.87-.66.87-1.1a1.2 1.2 0 00-2.39 0h-1zm1.67 4.54a.53.53 0 111.05 0 .53.53 0 01-1.05 0z"
+        d="M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
     用于帮助用户操作的信息提示
@@ -73454,13 +72712,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/base.vue 1`] =
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -73500,13 +72757,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/base.vue 1`] =
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -73551,13 +72807,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/close.vue 1`]
         class="t-icon t-icon-info-circle-filled t-is-info"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -73594,13 +72849,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/close.vue 1`]
         class="t-icon t-icon-info-circle-filled t-is-info"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -73639,13 +72893,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/close.vue 1`]
         class="t-icon t-icon-info-circle-filled t-is-info"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -73688,13 +72941,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/close.vue 1`]
         class="t-icon t-icon-info-circle-filled t-is-info"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -73804,13 +73056,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/content.vue 1`
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -73850,13 +73101,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/content.vue 1`
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -73898,13 +73148,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/content.vue 1`
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -73951,13 +73200,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/footer.vue 1`]
         class="t-icon t-icon-info-circle-filled t-is-info"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -74005,13 +73253,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/footer.vue 1`]
         class="t-icon t-icon-info-circle-filled t-is-info"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -74075,13 +73322,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/icon.vue 1`] =
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74121,13 +73367,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/icon.vue 1`] =
           class="t-icon t-icon-info-circle-filled t-is-error"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74167,13 +73412,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/icon.vue 1`] =
           class="t-icon t-icon-info-circle-filled t-is-warning"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74213,13 +73457,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/icon.vue 1`] =
           class="t-icon t-icon-check-circle-filled t-is-success"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            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"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74303,13 +73546,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/operation.vue
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74363,13 +73605,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/operation.vue
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74391,13 +73632,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/operation.vue
               class="t-icon t-icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -74423,13 +73663,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/operation.vue
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74483,13 +73722,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/operation.vue
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74874,13 +74112,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/size.vue 1`] =
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74920,13 +74157,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/size.vue 1`] =
           class="t-icon t-icon-info-circle-filled t-is-info"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+            d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -74998,13 +74234,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/type.vue 1`] =
         class="t-icon t-icon-info-circle-filled t-is-info"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75041,13 +74276,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/type.vue 1`] =
         class="t-icon t-icon-check-circle-filled t-is-success"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          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"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75084,13 +74318,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/type.vue 1`] =
         class="t-icon t-icon-info-circle-filled t-is-warning"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75127,13 +74360,12 @@ exports[`csr snapshot test > csr test ./src/notification/_example/type.vue 1`] =
         class="t-icon t-icon-info-circle-filled t-is-error"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z"
+          d="M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75294,13 +74526,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75355,13 +74586,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75434,13 +74664,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/base.vue 1`] = `
         class="t-icon t-icon-page-first"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M12.4 4.46l-.91-.92L7.03 8l4.46 4.46.92-.92L8.86 8l3.55-3.54zM4.8 4v8h1.3V4H4.8z"
+          d="M8.5 5v14h-2V5h2zm9.16 1.75L12.41 12l5.25 5.25-1.41 1.41L9.59 12l6.66-6.66 1.41 1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75451,13 +74680,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75492,13 +74720,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75509,13 +74736,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/base.vue 1`] = `
         class="t-icon t-icon-page-last"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M3.6 11.54l.91.92L8.97 8 4.51 3.54l-.92.92L7.14 8l-3.55 3.54zm7.6.46V4H9.9v8h1.3z"
+          d="M17.5 5v14h-2V5h2zm-9.75.34L14.41 12l-6.66 6.66-1.41-1.41L11.59 12 6.34 6.75l1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75593,13 +74819,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/customizable.vue
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75664,13 +74889,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/customizable.vue
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75787,13 +75011,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/disabled.vue 1`]
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75832,13 +75055,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/disabled.vue 1`]
           class="t-icon t-icon-ellipsis"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+            d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </li>
@@ -75856,13 +75078,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/disabled.vue 1`]
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -75975,13 +75196,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/few.vue 1`] = `
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -76021,13 +75241,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/few.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -76104,13 +75323,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/jump.vue 1`] = `
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -76155,13 +75373,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/jump.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -76275,13 +75492,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/mini.vue 1`] = `
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -76320,13 +75536,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/mini.vue 1`] = `
           class="t-icon t-icon-ellipsis"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+            d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </li>
@@ -76343,13 +75558,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/mini.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -76439,13 +75653,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/more.vue 1`] = `
             class="t-icon t-icon-chevron-left"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -76464,13 +75677,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/more.vue 1`] = `
               class="t-icon t-icon-ellipsis"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </li>
@@ -76506,13 +75718,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/more.vue 1`] = `
               class="t-icon t-icon-ellipsis"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </li>
@@ -76529,13 +75740,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/more.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -76617,13 +75827,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/more.vue 1`] = `
             class="t-icon t-icon-chevron-left"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -76663,13 +75872,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/more.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -76749,13 +75957,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/page-num.vue 1`]
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -76794,13 +76001,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/page-num.vue 1`]
           class="t-icon t-icon-ellipsis"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+            d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </li>
@@ -76817,13 +76023,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/page-num.vue 1`]
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -77007,13 +76212,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/pagination-mini.
           class="t-icon t-icon-chevron-up"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+            d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -77026,13 +76230,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/pagination-mini.
           class="t-icon t-icon-round"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z"
+            d="M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -77045,13 +76248,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/pagination-mini.
           class="t-icon t-icon-chevron-down"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -77129,13 +76331,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/simple.vue 1`] =
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -77183,13 +76384,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/simple.vue 1`] =
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -77265,13 +76465,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/simple-mini.vue
       class="t-icon t-icon-chevron-left"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+        d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -77319,13 +76518,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/simple-mini.vue
       class="t-icon t-icon-chevron-right"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+        d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
   </div>
@@ -77400,13 +76598,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/total.vue 1`] =
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -77425,13 +76622,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/total.vue 1`] =
           class="t-icon t-icon-ellipsis"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+            d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </li>
@@ -77467,13 +76663,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/total.vue 1`] =
           class="t-icon t-icon-ellipsis"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+            d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </li>
@@ -77490,13 +76685,12 @@ exports[`csr snapshot test > csr test ./src/pagination/_example/total.vue 1`] =
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </div>
@@ -78653,13 +77847,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/circle.vue 1`] = `
                     class="t-icon t-icon-check t-progress__icon"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                      d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </div>
@@ -78729,13 +77922,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/circle.vue 1`] = `
                     class="t-icon t-icon-close t-progress__icon"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </div>
@@ -78805,13 +77997,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/circle.vue 1`] = `
                     class="t-icon t-icon-error t-progress__icon"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z"
+                      d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </div>
@@ -79459,13 +78650,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/line.vue 1`] = `
               class="t-icon t-icon-check-circle-filled t-progress__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                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"
+                d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -79500,13 +78690,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/line.vue 1`] = `
               class="t-icon t-icon-close-circle-filled t-progress__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -79541,13 +78730,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/line.vue 1`] = `
               class="t-icon t-icon-error-circle-filled t-progress__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -79916,13 +79104,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/size.vue 1`] = `
               class="t-icon t-icon-close t-progress__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -79974,13 +79161,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/size.vue 1`] = `
               class="t-icon t-icon-error t-progress__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z"
+                d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -80032,13 +79218,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/size.vue 1`] = `
               class="t-icon t-icon-check t-progress__icon"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -80212,13 +79397,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/status.vue 1`] = `
             class="t-icon t-icon-check-circle-filled t-progress__icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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"
+              d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -80258,13 +79442,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/status.vue 1`] = `
             class="t-icon t-icon-error t-progress__icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z"
+              d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -80328,13 +79511,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/status.vue 1`] = `
             class="t-icon t-icon-close-circle-filled t-progress__icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+              d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -80374,13 +79556,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/status.vue 1`] = `
             class="t-icon t-icon-close t-progress__icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -80444,13 +79625,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/status.vue 1`] = `
             class="t-icon t-icon-error-circle-filled t-progress__icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+              d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -80498,13 +79678,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/status.vue 1`] = `
             class="t-icon t-icon-error-circle-filled t-progress__icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+              d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -80525,13 +79704,12 @@ exports[`csr snapshot test > csr test ./src/progress/_example/status.vue 1`] = `
             class="t-icon t-icon-error t-progress__icon"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z"
+              d="M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82303,13 +81481,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82321,13 +81498,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82345,13 +81521,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82363,13 +81538,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82387,13 +81561,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82405,13 +81578,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82429,13 +81601,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82447,13 +81618,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82471,13 +81641,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82489,13 +81658,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/base.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82525,13 +81693,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82543,13 +81710,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82567,13 +81733,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82585,13 +81750,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82609,13 +81773,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82627,13 +81790,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82651,13 +81813,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82669,13 +81830,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82693,13 +81853,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82711,13 +81870,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82735,13 +81893,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82753,13 +81910,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82777,13 +81933,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82795,13 +81950,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/custom.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -82838,13 +81992,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -82856,13 +82009,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -82880,13 +82032,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -82898,13 +82049,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -82922,13 +82072,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -82940,13 +82089,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -82964,13 +82112,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -82982,13 +82129,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83006,13 +82152,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83024,13 +82169,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-star"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83061,13 +82205,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83079,13 +82222,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83103,13 +82245,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83121,13 +82262,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83145,13 +82285,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83163,13 +82302,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83187,13 +82325,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83205,13 +82342,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83229,13 +82365,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83247,13 +82382,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-logo-github"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z"
+                  d="M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83284,13 +82418,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83302,13 +82435,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83326,13 +82458,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83344,13 +82475,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83368,13 +82498,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83386,13 +82515,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83410,13 +82538,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83428,13 +82555,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83452,13 +82578,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83470,13 +82595,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/icon.vue 1`] = `
                 class="t-icon t-icon-heart-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z"
+                  d="M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83522,13 +82646,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83540,13 +82663,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83564,13 +82686,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83582,13 +82703,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83606,13 +82726,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83624,13 +82743,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83648,13 +82766,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83666,13 +82783,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83690,13 +82806,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83708,13 +82823,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83752,13 +82866,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83770,13 +82883,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83794,13 +82906,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83812,13 +82923,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83836,13 +82946,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83854,13 +82963,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83878,13 +82986,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83896,13 +83003,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83920,13 +83026,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83938,13 +83043,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/size.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -83990,13 +83094,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84008,13 +83111,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84032,13 +83134,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84050,13 +83151,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84074,13 +83174,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84092,13 +83191,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84116,13 +83214,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84134,13 +83231,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84158,13 +83254,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84176,13 +83271,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84220,13 +83314,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84238,13 +83331,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84262,13 +83354,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84280,13 +83371,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84304,13 +83394,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84322,13 +83411,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84346,13 +83434,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84364,13 +83451,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84388,13 +83474,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84406,13 +83491,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84450,13 +83534,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84468,13 +83551,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84492,13 +83574,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84510,13 +83591,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84534,13 +83614,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84552,13 +83631,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84576,13 +83654,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84594,13 +83671,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84618,13 +83694,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84636,13 +83711,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/status.vue 1`] = `
                 class="t-icon t-icon-star-filled"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+                  d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -84674,13 +83748,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84692,13 +83765,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84716,13 +83788,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84734,13 +83805,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84758,13 +83828,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84776,13 +83845,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84800,13 +83868,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84818,13 +83885,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84842,13 +83908,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -84860,13 +83925,12 @@ exports[`csr snapshot test > csr test ./src/rate/_example/texts.vue 1`] = `
             class="t-icon t-icon-star-filled"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z"
+              d="M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -85026,13 +84090,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85099,13 +84162,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85170,13 +84232,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/collapsed.vue 1`] =
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85482,13 +84543,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/custom-selected.vue
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85502,13 +84562,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/custom-selected.vue
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85522,13 +84581,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/custom-selected.vue
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85588,13 +84646,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/custom-selected.vue
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85608,13 +84665,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/custom-selected.vue
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85628,13 +84684,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/custom-selected.vue
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -85648,13 +84703,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/custom-selected.vue
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86120,13 +85174,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/label-in-value.vue 1
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86249,13 +85302,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86269,13 +85321,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86335,13 +85386,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86355,13 +85405,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86375,13 +85424,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86395,13 +85443,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86415,13 +85462,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86435,13 +85481,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86501,13 +85546,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -86521,13 +85565,12 @@ exports[`csr snapshot test > csr test ./src/select/_example/multiple.vue 1`] = `
                   class="t-icon t-icon-close t-tag__icon-close"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -87603,13 +86646,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autocomplete.v
           class="t-icon t-icon-search"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <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"
+            d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -87650,13 +86692,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth.vue
           class="t-icon t-icon-chevron-down"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -87692,13 +86733,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth-mult
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -87727,13 +86767,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/autowidth-mult
             class="t-icon t-icon-chevron-down"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -87798,13 +86837,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/borderless-mul
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -87862,13 +86900,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -87919,13 +86956,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -87939,13 +86975,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -87996,13 +87031,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88016,13 +87050,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88036,13 +87069,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/collapsed-item
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88102,15 +87134,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                 data-v-3251f825=""
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  clip-rule="evenodd"
-                  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"
+                  d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"
                   data-v-3251f825=""
                   fill="currentColor"
-                  fill-rule="evenodd"
                 />
               </svg>
                tdesign-vue 
@@ -88157,15 +87187,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                     data-v-3251f825=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      clip-rule="evenodd"
-                      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"
+                      d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"
                       data-v-3251f825=""
                       fill="currentColor"
-                      fill-rule="evenodd"
                     />
                   </svg>
                    tdesign-vue 
@@ -88175,13 +87203,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88198,15 +87225,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                     data-v-3251f825=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      clip-rule="evenodd"
-                      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"
+                      d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"
                       data-v-3251f825=""
                       fill="currentColor"
-                      fill-rule="evenodd"
                     />
                   </svg>
                    tdesign-react 
@@ -88216,13 +87241,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88265,15 +87289,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                     data-v-3251f825=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      clip-rule="evenodd"
-                      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"
+                      d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"
                       data-v-3251f825=""
                       fill="currentColor"
-                      fill-rule="evenodd"
                     />
                   </svg>
                   <span
@@ -88287,13 +87309,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88312,15 +87333,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                     data-v-3251f825=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      clip-rule="evenodd"
-                      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"
+                      d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"
                       data-v-3251f825=""
                       fill="currentColor"
-                      fill-rule="evenodd"
                     />
                   </svg>
                   <span
@@ -88334,13 +87353,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88359,15 +87377,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                     data-v-3251f825=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      clip-rule="evenodd"
-                      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"
+                      d="M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z"
                       data-v-3251f825=""
                       fill="currentColor"
-                      fill-rule="evenodd"
                     />
                   </svg>
                   <span
@@ -88381,13 +87397,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/custom-tag.vue
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88439,13 +87454,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88459,13 +87473,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88479,13 +87492,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88499,13 +87511,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88519,13 +87530,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88539,13 +87549,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88596,13 +87605,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88616,13 +87624,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88636,13 +87643,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88656,13 +87662,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88676,13 +87681,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88696,13 +87700,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/excess-tags-di
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88765,14 +87768,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/label-suffix.v
               data-v-1c8ac371=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 data-v-1c8ac371=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -88832,14 +87834,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/label-suffix.v
               data-v-1c8ac371=""
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 data-v-1c8ac371=""
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -88975,13 +87976,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/multiple.vue 1
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -88995,13 +87995,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/multiple.vue 1
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -89015,13 +88014,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/multiple.vue 1
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -89043,13 +88041,12 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/multiple.vue 1
               class="t-icon t-icon-chevron-down"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -89090,14 +88087,13 @@ exports[`csr snapshot test > csr test ./src/select-input/_example/single.vue 1`]
           data-v-992b70a2=""
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+            d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
             data-v-992b70a2=""
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -90502,13 +89498,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number.vue 1`]
               class="t-icon t-icon-chevron-down t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90540,13 +89535,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number.vue 1`]
               class="t-icon t-icon-chevron-up t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+                d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90612,13 +89606,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number.vue 1`]
               class="t-icon t-icon-chevron-down t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90650,13 +89643,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number.vue 1`]
               class="t-icon t-icon-chevron-up t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+                d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90675,13 +89667,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number.vue 1`]
               class="t-icon t-icon-chevron-down t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90713,13 +89704,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number.vue 1`]
               class="t-icon t-icon-chevron-up t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+                d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90784,13 +89774,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number-vertica
               class="t-icon t-icon-chevron-down t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90817,13 +89806,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number-vertica
               class="t-icon t-icon-chevron-up t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+                d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90890,13 +89878,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number-vertica
               class="t-icon t-icon-chevron-down t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90923,13 +89910,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number-vertica
               class="t-icon t-icon-chevron-up t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+                d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90948,13 +89934,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number-vertica
               class="t-icon t-icon-chevron-down t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -90981,13 +89966,12 @@ exports[`csr snapshot test > csr test ./src/slider/_example/input-number-vertica
               class="t-icon t-icon-chevron-up t-size-m"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z"
+                d="M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </button>
@@ -92439,13 +91423,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/extra.vue 1`] = `
             class="t-icon t-icon-check"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+              d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -92629,18 +91612,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/icon.vue 1`] = `
           class="t-icon t-icon-login"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M8.48 7.5L6.23 5.25l.7-.7 3.1 3.1c.2.2.2.5 0 .7l-3.1 3.1-.7-.7L8.48 8.5H1v-1h7.48z"
+            d="M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M4 5V3h8v10H4v-2H3v2.5c0 .28.22.5.5.5h9a.5.5 0 00.5-.5v-11a.5.5 0 00-.5-.5h-9a.5.5 0 00-.5.5V5h1z"
-            fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -92676,13 +91653,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/icon.vue 1`] = `
           class="t-icon t-icon-cart"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M1 3h1.58l1.39 8.33c.06.39.4.67.78.67H14v-1H4.92L4.6 9h8.63a.8.8 0 00.78-.6l.85-3.4a.8.8 0 00-.78-1H3.76l-.23-1.33A.8.8 0 002.75 2H1v1zm12.07 5H4.42l-.5-3h9.9l-.75 3zM4.75 14.5a.75.75 0 100-1.5.75.75 0 000 1.5zM12.81 14.5a.75.75 0 100-1.5.75.75 0 000 1.5z"
+            d="M0 1h4.76l.55 2h18.08l-3.67 11H7.78l-.5 2H22v2H4.72l1.25-4.99L3.24 3H0V1zm7.76 11h10.52l2.33-7H5.85l1.91 7zM4 21a2 2 0 114 0 2 2 0 01-4 0zm14 0a2 2 0 114 0 2 2 0 01-4 0z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -92718,13 +91694,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/icon.vue 1`] = `
           class="t-icon t-icon-wallet"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M11.5 4.5h2a1 1 0 011 1V12a1 1 0 01-1 1h-11a1 1 0 01-1-1V3a1 1 0 011-1h8a1 1 0 011 1v1.5zm-1-1.5h-8v1.5h8V3zm3 2.5h-11V12h11V5.5z"
+            d="M1 3h15a3 3 0 013 3v1h4v14H1V3zm2 6v10h18V9H3zm0-2h14V6a1 1 0 00-1-1H3v2zm13 6h3v2h-3v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -92760,18 +91735,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/icon.vue 1`] = `
           class="t-icon t-icon-check-circle"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z"
-            fill="currentColor"
-            fill-opacity="0.9"
-          />
-          <path
-            d="M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z"
+            d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12.5 4.41L6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -92936,13 +91905,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/options.vue 1`] = `
             class="t-icon t-icon-check"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+              d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -93098,13 +92066,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/sequence.vue 1`] = `
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -93246,13 +92213,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/sequence.vue 1`] = `
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -93292,13 +92258,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/sequence.vue 1`] = `
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -93422,13 +92387,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/status.vue 1`] = `
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -93578,13 +92542,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/status.vue 1`] = `
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -93624,13 +92587,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/status.vue 1`] = `
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -93670,13 +92632,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/status.vue 1`] = `
                 class="t-icon t-icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -94028,13 +92989,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/vertical-sequence.vue
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -94259,13 +93219,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/vertical-sequence.vue
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -94306,13 +93265,12 @@ exports[`csr snapshot test > csr test ./src/steps/_example/vertical-sequence.vue
                 class="t-icon t-icon-check"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+                  d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -94360,13 +93318,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/base.vue 1`] =
           class="t-icon t-icon-chat"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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"
+            d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94382,13 +93339,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/base.vue 1`] =
           class="t-icon t-icon-add"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94404,18 +93360,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/base.vue 1`] =
           class="t-icon t-icon-qrcode"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6 4H4v2h2V4z"
-            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="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94448,13 +93398,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/compact.vue 1`]
           class="t-icon t-icon-chat"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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"
+            d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -94465,13 +93414,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/compact.vue 1`]
           class="t-icon t-icon-add"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -94482,18 +93430,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/compact.vue 1`]
           class="t-icon t-icon-qrcode"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6 4H4v2h2V4z"
-            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="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </div>
@@ -94521,13 +93463,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/shape.vue 1`] =
           class="t-icon t-icon-chat"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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"
+            d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94543,13 +93484,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/shape.vue 1`] =
           class="t-icon t-icon-add"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94565,18 +93505,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/shape.vue 1`] =
           class="t-icon t-icon-qrcode"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6 4H4v2h2V4z"
-            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="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94601,13 +93535,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/shape.vue 1`] =
           class="t-icon t-icon-chat"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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"
+            d="M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94623,13 +93556,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/shape.vue 1`] =
           class="t-icon t-icon-add"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+            d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94645,18 +93577,12 @@ exports[`csr snapshot test > csr test ./src/sticky-tool/_example/shape.vue 1`] =
           class="t-icon t-icon-qrcode"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6 4H4v2h2V4z"
-            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="M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
         <div
@@ -94819,13 +93745,12 @@ exports[`csr snapshot test > csr test ./src/swiper/_example/fraction.vue 1`] = `
               class="t-icon t-icon-chevron-left"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -94841,13 +93766,12 @@ exports[`csr snapshot test > csr test ./src/swiper/_example/fraction.vue 1`] = `
               class="t-icon t-icon-chevron-right"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -95089,13 +94013,12 @@ exports[`csr snapshot test > csr test ./src/switch/_example/describe.vue 1`] = `
             class="t-icon t-icon-check"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+              d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -95113,13 +94036,12 @@ exports[`csr snapshot test > csr test ./src/switch/_example/describe.vue 1`] = `
             class="t-icon t-icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -95145,13 +94067,12 @@ exports[`csr snapshot test > csr test ./src/switch/_example/describe.vue 1`] = `
             class="t-icon t-icon-check"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z"
+              d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -95169,13 +94090,12 @@ exports[`csr snapshot test > csr test ./src/switch/_example/describe.vue 1`] = `
             class="t-icon t-icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -95578,13 +94498,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -95641,13 +94560,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -95704,13 +94622,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -95767,13 +94684,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -95830,13 +94746,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -95988,13 +94903,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
               class="t-icon t-icon-chevron-left"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -96049,13 +94963,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/affix.vue 1`] = `
               class="t-icon t-icon-chevron-right"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -96273,13 +95186,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/async-loading.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -96325,13 +95237,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/async-loading.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -96377,13 +95288,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/async-loading.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -96429,13 +95339,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/async-loading.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -96481,13 +95390,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/async-loading.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -96890,13 +95798,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/base.vue 1`] = `
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -96942,13 +95849,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/base.vue 1`] = `
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -96994,13 +95900,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/base.vue 1`] = `
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -97046,13 +95951,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/base.vue 1`] = `
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -97098,13 +96002,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/base.vue 1`] = `
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -97209,13 +96112,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/base.vue 1`] = `
                 class="t-icon t-icon-chevron-left"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                  d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -97260,13 +96162,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/base.vue 1`] = `
                 class="t-icon t-icon-chevron-right"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                  d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -97395,14 +96296,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-cell.vue 1`] =
                     data-v-d50b79d8=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       data-v-d50b79d8=""
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                    审批通过 
@@ -97450,14 +96350,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-cell.vue 1`] =
                     data-v-d50b79d8=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       data-v-d50b79d8=""
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                    审批失败 
@@ -97505,14 +96404,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-cell.vue 1`] =
                     data-v-d50b79d8=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       data-v-d50b79d8=""
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                    审批过期 
@@ -97560,14 +96458,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-cell.vue 1`] =
                     data-v-d50b79d8=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       data-v-d50b79d8=""
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                    审批通过 
@@ -97615,14 +96512,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-cell.vue 1`] =
                     data-v-d50b79d8=""
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       data-v-d50b79d8=""
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                    审批失败 
@@ -97786,13 +96682,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col.vue 1`] =
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -97838,13 +96733,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col.vue 1`] =
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -97890,13 +96784,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col.vue 1`] =
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -97942,13 +96835,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col.vue 1`] =
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -97994,13 +96886,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col.vue 1`] =
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -98105,13 +96996,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col.vue 1`] =
               class="t-icon t-icon-chevron-left"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -98150,13 +97040,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col.vue 1`] =
                 class="t-icon t-icon-ellipsis"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                  d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </li>
@@ -98173,13 +97062,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col.vue 1`] =
               class="t-icon t-icon-chevron-right"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -98369,18 +97257,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
             class="t-icon t-icon-setting"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M11 8a3 3 0 11-6 0 3 3 0 016 0zm-1 0a2 2 0 10-4 0 2 2 0 004 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M8 1.25l6.06 3.38v6.75L8 14.75l-6.06-3.38V4.63L8 1.25zM2.94 5.21v5.58L8 13.6l5.06-2.82V5.2L8 2.4 2.94 5.21z"
+              d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
           <span
@@ -98496,13 +97378,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -98548,13 +97429,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -98600,13 +97480,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -98652,13 +97531,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -98704,13 +97582,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -98815,13 +97692,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
               class="t-icon t-icon-chevron-left"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -98860,13 +97736,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
                 class="t-icon t-icon-ellipsis"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                  d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </li>
@@ -98883,13 +97758,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-col-button.vue
               class="t-icon t-icon-chevron-right"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -99090,13 +97964,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-footer.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -99138,13 +98011,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-footer.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -99186,13 +98058,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-footer.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -99234,13 +98105,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-footer.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -99282,13 +98152,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-footer.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -99397,20 +98266,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-header.vue 1`]
                 class="t-icon t-icon-user-circle"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
-                <g
+                <path
+                  d="M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z"
                   fill="currentColor"
-                  opacity="0.9"
-                >
-                  <path
-                    d="M8 9a2.78 2.78 0 100-5.56A2.78 2.78 0 008 9zm0-1a1.78 1.78 0 110-3.56A1.78 1.78 0 018 8z"
-                  />
-                  <path
-                    d="M8 15A7 7 0 108 1a7 7 0 000 14zm5-3.68A10.2 10.2 0 008 10c-1.79 0-3.47.48-5 1.32a6 6 0 1110 0zm-.64.8a5.98 5.98 0 01-8.72 0 9.17 9.17 0 018.72 0z"
-                  />
-                </g>
+                />
               </svg>
                类型 
             </div>
@@ -99486,13 +98348,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-header.vue 1`]
                   class="t-icon t-icon-check-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批通过
@@ -99534,13 +98395,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-header.vue 1`]
                   class="t-icon t-icon-close-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批失败
@@ -99582,13 +98442,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-header.vue 1`]
                   class="t-icon t-icon-error-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批过期
@@ -99630,13 +98489,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-header.vue 1`]
                   class="t-icon t-icon-check-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批通过
@@ -99678,13 +98536,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/custom-header.vue 1`]
                   class="t-icon t-icon-close-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批失败
@@ -99822,13 +98679,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/data-sort.vue 1`] = `
                               fill="none"
                               height="1em"
                               style="font-size: 16px;"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               width="1em"
                             >
                               <path
-                                d="M11 6H5l3 4.5L11 6z"
+                                d="M12 16.5l7-7H5l7 7z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -99840,13 +98696,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/data-sort.vue 1`] = `
                               fill="none"
                               height="1em"
                               style="font-size: 16px;"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               width="1em"
                             >
                               <path
-                                d="M11 6H5l3 4.5L11 6z"
+                                d="M12 16.5l7-7H5l7 7z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -99886,13 +98741,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/data-sort.vue 1`] = `
                               fill="none"
                               height="1em"
                               style="font-size: 16px;"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               width="1em"
                             >
                               <path
-                                d="M11 6H5l3 4.5L11 6z"
+                                d="M12 16.5l7-7H5l7 7z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -99904,13 +98758,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/data-sort.vue 1`] = `
                               fill="none"
                               height="1em"
                               style="font-size: 16px;"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               width="1em"
                             >
                               <path
-                                d="M11 6H5l3 4.5L11 6z"
+                                d="M12 16.5l7-7H5l7 7z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -99978,13 +98831,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/data-sort.vue 1`] = `
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -100035,13 +98887,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/data-sort.vue 1`] = `
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -100092,13 +98943,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/data-sort.vue 1`] = `
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -100149,13 +98999,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/data-sort.vue 1`] = `
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -100316,13 +99165,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-col-sort.vue 1`]
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -100368,13 +99216,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-col-sort.vue 1`]
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -100420,13 +99267,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-col-sort.vue 1`]
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -100472,13 +99318,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-col-sort.vue 1`]
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -100635,13 +99480,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort.vue 1`] = `
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -100688,13 +99532,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort.vue 1`] = `
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -100741,13 +99584,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort.vue 1`] = `
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -100794,13 +99636,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort.vue 1`] = `
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -100983,13 +99824,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort-handler.vue
                     class="t-icon t-icon-move"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                      d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -101010,13 +99850,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort-handler.vue
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -101055,13 +99894,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort-handler.vue
                     class="t-icon t-icon-move"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                      d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -101082,13 +99920,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort-handler.vue
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -101127,13 +99964,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort-handler.vue
                     class="t-icon t-icon-move"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                      d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -101154,13 +99990,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort-handler.vue
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -101199,13 +100034,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort-handler.vue
                     class="t-icon t-icon-move"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                      d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -101226,13 +100060,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/drag-sort-handler.vue
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -101389,18 +100222,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
                   class="t-icon t-icon-edit-1"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <g
+                  <path
+                    d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
+                  />
                 </svg>
               </div>
             </td>
@@ -101408,26 +100236,69 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
               class=""
             >
               <div
-                class="t-table__cell--editable"
+                class="t-table__cell-wrap"
               >
-                宣传物料制作费用
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 16 16"
-                  width="1em"
+                <div
+                  class="t-select__wrap"
                 >
-                  <g
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
+                  <div
+                    class="t-select-input t-select-input--multiple t-select"
                   >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
-                </svg>
+                    <div
+                      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-is-readonly t-input--prefix t-input--suffix"
+                      >
+                        <div
+                          class="t-input__prefix"
+                        >
+                          <span
+                            class="t-tag t-tag--default t-tag--dark t-tag--close"
+                          >
+                            <span>
+                              宣传物料制作费用
+                            </span>
+                            <svg
+                              class="t-icon t-icon-close t-tag__icon-close"
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <path
+                                d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                        <span
+                          class="t-input__input-pre"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </td>
             <td
@@ -101441,18 +100312,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
                   class="t-icon t-icon-edit-1"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <g
+                  <path
+                    d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
+                  />
                 </svg>
               </div>
             </td>
@@ -101495,18 +100361,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
                   class="t-icon t-icon-edit-1"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <g
+                  <path
+                    d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
+                  />
                 </svg>
               </div>
             </td>
@@ -101514,26 +100375,69 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
               class=""
             >
               <div
-                class="t-table__cell--editable"
+                class="t-table__cell-wrap"
               >
-                宣传物料制作费用
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 16 16"
-                  width="1em"
+                <div
+                  class="t-select__wrap"
                 >
-                  <g
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
+                  <div
+                    class="t-select-input t-select-input--multiple t-select"
                   >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
-                </svg>
+                    <div
+                      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-is-readonly t-input--prefix t-input--suffix"
+                      >
+                        <div
+                          class="t-input__prefix"
+                        >
+                          <span
+                            class="t-tag t-tag--default t-tag--dark t-tag--close"
+                          >
+                            <span>
+                              宣传物料制作费用
+                            </span>
+                            <svg
+                              class="t-icon t-icon-close t-tag__icon-close"
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <path
+                                d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                        <span
+                          class="t-input__input-pre"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </td>
             <td
@@ -101547,18 +100451,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
                   class="t-icon t-icon-edit-1"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <g
+                  <path
+                    d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
+                  />
                 </svg>
               </div>
             </td>
@@ -101633,18 +100532,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
                   class="t-icon t-icon-edit-1"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <g
+                  <path
+                    d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
+                  />
                 </svg>
               </div>
             </td>
@@ -101652,26 +100546,76 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
               class=""
             >
               <div
-                class="t-table__cell--editable"
+                class="t-table__cell-wrap"
               >
-                宣传物料制作费用、algolia 服务报销
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 16 16"
-                  width="1em"
+                <div
+                  class="t-select__wrap"
                 >
-                  <g
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
+                  <div
+                    class="t-select-input t-select-input--multiple t-select"
                   >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
-                </svg>
+                    <div
+                      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-is-readonly t-input--prefix t-input--suffix"
+                      >
+                        <div
+                          class="t-input__prefix"
+                        >
+                          <span
+                            class="t-tag t-tag--default t-tag--dark t-tag--close"
+                          >
+                            <span>
+                              宣传物料制作费用
+                            </span>
+                            <svg
+                              class="t-icon t-icon-close t-tag__icon-close"
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <path
+                                d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
+                          <span
+                            class="t-tag t-tag--default t-tag--dark"
+                          >
+                            <span>
+                              +1
+                            </span>
+                          </span>
+                        </div>
+                        <span
+                          class="t-input__input-pre"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </td>
             <td
@@ -101685,18 +100629,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
                   class="t-icon t-icon-edit-1"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <g
+                  <path
+                    d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
+                  />
                 </svg>
               </div>
             </td>
@@ -101739,18 +100678,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
                   class="t-icon t-icon-edit-1"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <g
+                  <path
+                    d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
+                  />
                 </svg>
               </div>
             </td>
@@ -101758,26 +100692,69 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
               class=""
             >
               <div
-                class="t-table__cell--editable"
+                class="t-table__cell-wrap"
               >
-                宣传物料制作费用
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 16 16"
-                  width="1em"
+                <div
+                  class="t-select__wrap"
                 >
-                  <g
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
+                  <div
+                    class="t-select-input t-select-input--multiple t-select"
                   >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
-                </svg>
+                    <div
+                      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-is-readonly t-input--prefix t-input--suffix"
+                      >
+                        <div
+                          class="t-input__prefix"
+                        >
+                          <span
+                            class="t-tag t-tag--default t-tag--dark t-tag--close"
+                          >
+                            <span>
+                              宣传物料制作费用
+                            </span>
+                            <svg
+                              class="t-icon t-icon-close t-tag__icon-close"
+                              fill="none"
+                              height="1em"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <path
+                                d="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                        <span
+                          class="t-input__input-pre"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </td>
             <td
@@ -101791,18 +100768,13 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.vue 1`]
                   class="t-icon t-icon-edit-1"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
-                  <g
+                  <path
+                    d="M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                    opacity="0.9"
-                  >
-                    <path
-                      d="M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z"
-                    />
-                  </g>
+                  />
                 </svg>
               </div>
             </td>
@@ -102033,13 +101005,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-row.vue 1`]
                               class="t-icon t-icon-close t-tag__icon-close"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -102108,13 +101079,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-row.vue 1`]
                             class="t-icon t-icon-calendar"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              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"
+                              d="M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -102540,13 +101510,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/ellipsis.vue 1`] = `
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -102623,13 +101592,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/ellipsis.vue 1`] = `
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -102706,13 +101674,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/ellipsis.vue 1`] = `
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -102789,13 +101756,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/ellipsis.vue 1`] = `
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -102872,13 +101838,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/ellipsis.vue 1`] = `
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -103575,18 +102540,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                   class="t-icon t-icon-chevron-right-circle"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                    d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -103607,13 +102566,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -103664,18 +102622,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                   class="t-icon t-icon-chevron-right-circle"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                    d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -103696,13 +102648,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -103753,18 +102704,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                   class="t-icon t-icon-chevron-right-circle"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                    d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -103785,13 +102730,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -103842,18 +102786,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                   class="t-icon t-icon-chevron-right-circle"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                    d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -103874,13 +102812,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -103931,18 +102868,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                   class="t-icon t-icon-chevron-right-circle"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                    fill="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                    d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -103963,13 +102894,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/expandable.vue 1`] =
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -104213,13 +103143,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -104254,13 +103183,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -104295,13 +103223,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -104339,13 +103266,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                             class="t-icon t-icon-chevron-down"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -104356,13 +103282,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                             class="t-icon t-icon-chevron-down"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -104374,13 +103299,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -104413,13 +103337,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -104461,13 +103384,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -104509,13 +103431,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -104557,13 +103478,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -104605,13 +103525,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/filter-controlled.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -104957,13 +103876,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-column.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -105016,13 +103934,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-column.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -105075,13 +103992,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-column.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -105134,13 +104050,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-column.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -105193,13 +104108,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-column.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -105445,13 +104359,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -105507,13 +104420,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -105569,13 +104481,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -105631,13 +104542,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -105693,13 +104603,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -105755,13 +104664,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -105817,13 +104725,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -105879,13 +104786,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -105941,13 +104847,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -106003,13 +104908,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -106065,13 +104969,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -106127,13 +105030,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -106189,13 +105091,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -106251,13 +105152,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -106313,13 +105213,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -106375,13 +105274,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -106437,13 +105335,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -106499,13 +105396,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -106561,13 +105457,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -106623,13 +105518,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -106965,13 +105859,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -107029,13 +105922,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -107093,13 +105985,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -107157,13 +106048,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -107221,13 +106111,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -107285,13 +106174,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -107349,13 +106237,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -107413,13 +106300,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -107477,13 +106363,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -107541,13 +106426,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -107605,13 +106489,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -107669,13 +106552,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -107733,13 +106615,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -107797,13 +106678,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/fixed-header-col.vue
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -115595,13 +114475,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/merge-cells.vue 1`] =
                   class="t-icon t-icon-check-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批通过
@@ -115643,13 +114522,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/merge-cells.vue 1`] =
                   class="t-icon t-icon-close-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批失败
@@ -115694,13 +114572,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/merge-cells.vue 1`] =
                   class="t-icon t-icon-error-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批过期
@@ -115732,13 +114609,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/merge-cells.vue 1`] =
                   class="t-icon t-icon-check-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批通过
@@ -115786,13 +114662,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/merge-cells.vue 1`] =
                   class="t-icon t-icon-close-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批失败
@@ -115834,13 +114709,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/merge-cells.vue 1`] =
                   class="t-icon t-icon-error-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                    d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 审批过期
@@ -116022,18 +114896,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
             class="t-icon t-icon-setting"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M11 8a3 3 0 11-6 0 3 3 0 016 0zm-1 0a2 2 0 10-4 0 2 2 0 004 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M8 1.25l6.06 3.38v6.75L8 14.75l-6.06-3.38V4.63L8 1.25zM2.94 5.21v5.58L8 13.6l5.06-2.82V5.2L8 2.4 2.94 5.21z"
+              d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
           <span
@@ -116217,13 +115085,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                             class="t-icon t-icon-chevron-down"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -116234,13 +115101,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                             class="t-icon t-icon-chevron-down"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -116288,13 +115154,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                           class="t-icon t-icon-filter"
                           fill="none"
                           height="1em"
-                          viewBox="0 0 16 16"
+                          viewBox="0 0 24 24"
                           width="1em"
                         >
                           <path
-                            d="M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z"
+                            d="M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z"
                             fill="currentColor"
-                            fill-opacity="0.9"
                           />
                         </svg>
                       </div>
@@ -116389,13 +115254,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -116476,13 +115340,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -116563,13 +115426,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -116650,13 +115512,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -116737,13 +115598,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -116824,13 +115684,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -116911,13 +115770,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -116998,13 +115856,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -117085,13 +115942,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -117172,13 +116028,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -117259,13 +116114,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -117346,13 +116200,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -117433,13 +116286,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -117520,13 +116372,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -117607,13 +116458,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -117694,13 +116544,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -117781,13 +116630,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -117868,13 +116716,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -117955,13 +116802,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -118042,13 +116888,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -118129,13 +116974,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -118216,13 +117060,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -118303,13 +117146,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -118390,13 +117232,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -118477,13 +117318,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -118564,13 +117404,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -118651,13 +117490,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -118738,13 +117576,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -118825,13 +117662,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -118912,13 +117748,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multi-header.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -119087,13 +117922,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                               class="t-icon t-icon-chevron-down"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               width="1em"
                             >
                               <path
-                                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -119104,13 +117938,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                               class="t-icon t-icon-chevron-down"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               width="1em"
                             >
                               <path
-                                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -119149,13 +117982,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                               class="t-icon t-icon-chevron-down"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               width="1em"
                             >
                               <path
-                                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -119166,13 +117998,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                               class="t-icon t-icon-chevron-down"
                               fill="none"
                               height="1em"
-                              viewBox="0 0 16 16"
+                              viewBox="0 0 24 24"
                               width="1em"
                             >
                               <path
-                                d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                                d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                                 fill="currentColor"
-                                fill-opacity="0.9"
                               />
                             </svg>
                           </span>
@@ -119240,13 +118071,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -119297,13 +118127,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -119354,13 +118183,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -119411,13 +118239,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -119468,13 +118295,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/multiple-sort.vue 1`]
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -119717,13 +118543,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -119786,13 +118611,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -119855,13 +118679,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -119924,13 +118747,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -119993,13 +118815,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -120115,13 +118936,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination.vue 1`] =
                 class="t-icon t-icon-chevron-left"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                  d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -120160,13 +118980,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination.vue 1`] =
                   class="t-icon t-icon-ellipsis"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z"
+                    d="M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </li>
@@ -120183,13 +119002,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination.vue 1`] =
                 class="t-icon t-icon-chevron-right"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                  d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -120439,13 +119257,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination-ajax.vue 1
             class="t-icon t-icon-chevron-left"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -120466,13 +119283,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/pagination-ajax.vue 1
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -120688,13 +119504,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-multiple.vue 1
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -120761,13 +119576,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-multiple.vue 1
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -120834,13 +119648,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-multiple.vue 1
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -120907,13 +119720,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-multiple.vue 1
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -120980,13 +119792,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-multiple.vue 1
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -121173,13 +119984,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-single.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -121247,13 +120057,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-single.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -121321,13 +120130,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-single.vue 1`]
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -121395,13 +120203,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-single.vue 1`]
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -121469,13 +120276,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/select-single.vue 1`]
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -121617,13 +120423,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/single-sort.vue 1`] =
                             class="t-icon t-icon-chevron-down"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -121634,13 +120439,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/single-sort.vue 1`] =
                             class="t-icon t-icon-chevron-down"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -121679,13 +120483,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/single-sort.vue 1`] =
                             class="t-icon t-icon-chevron-down"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -121696,13 +120499,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/single-sort.vue 1`] =
                             class="t-icon t-icon-chevron-down"
                             fill="none"
                             height="1em"
-                            viewBox="0 0 16 16"
+                            viewBox="0 0 24 24"
                             width="1em"
                           >
                             <path
-                              d="M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z"
+                              d="M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z"
                               fill="currentColor"
-                              fill-opacity="0.9"
                             />
                           </svg>
                         </span>
@@ -121756,13 +120558,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/single-sort.vue 1`] =
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -121804,13 +120605,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/single-sort.vue 1`] =
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -121852,13 +120652,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/single-sort.vue 1`] =
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -121900,13 +120699,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/single-sort.vue 1`] =
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -122067,13 +120865,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/style.vue 1`] = `
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -122124,13 +120921,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/style.vue 1`] = `
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -122182,13 +120978,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/style.vue 1`] = `
                     class="t-icon t-icon-error-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                      d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批过期
@@ -122239,13 +121034,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/style.vue 1`] = `
                     class="t-icon t-icon-check-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      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"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批通过
@@ -122296,13 +121090,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/style.vue 1`] = `
                     class="t-icon t-icon-close-circle-filled"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                      d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   审批失败
@@ -122554,13 +121347,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                 class="t-icon t-icon-move"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                  d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </td>
@@ -122660,13 +121452,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                 class="t-icon t-icon-move"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                  d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </td>
@@ -122696,18 +121487,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -122782,13 +121567,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                 class="t-icon t-icon-move"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                  d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </td>
@@ -122818,18 +121602,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -122904,13 +121682,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                 class="t-icon t-icon-move"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                  d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </td>
@@ -122940,18 +121717,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -123032,13 +121803,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                 class="t-icon t-icon-move"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                  d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </td>
@@ -123068,18 +121838,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -123154,13 +121918,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                 class="t-icon t-icon-move"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                  d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </td>
@@ -123190,18 +121953,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -123282,13 +122039,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                 class="t-icon t-icon-move"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z"
+                  d="M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </td>
@@ -123318,18 +122074,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -123411,18 +122161,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
             class="t-icon t-icon-setting"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M11 8a3 3 0 11-6 0 3 3 0 016 0zm-1 0a2 2 0 10-4 0 2 2 0 004 0z"
+              d="M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M8 1.25l6.06 3.38v6.75L8 14.75l-6.06-3.38V4.63L8 1.25zM2.94 5.21v5.58L8 13.6l5.06-2.82V5.2L8 2.4 2.94 5.21z"
-              fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
           <span
@@ -123507,13 +122251,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
               class="t-icon t-icon-chevron-left"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+                d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -123534,13 +122277,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree.vue 1`] = `
               class="t-icon t-icon-chevron-right"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+                d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -123799,18 +122541,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -123855,18 +122591,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -123884,13 +122614,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -123921,18 +122650,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -123977,18 +122700,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124006,13 +122723,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -124043,18 +122759,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -124099,18 +122809,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124128,13 +122832,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -124165,18 +122868,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -124221,18 +122918,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124250,13 +122941,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -124287,18 +122977,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -124343,18 +123027,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124372,13 +123050,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -124409,18 +123086,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -124465,18 +123136,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124494,13 +123159,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -124531,18 +123195,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -124587,18 +123245,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124616,13 +123268,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -124653,18 +123304,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -124709,18 +123354,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124738,13 +123377,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -124775,18 +123413,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -124831,18 +123463,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124860,13 +123486,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -124897,18 +123522,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -124953,18 +123572,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -124982,13 +123595,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -125019,18 +123631,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -125075,18 +123681,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -125104,13 +123704,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -125141,18 +123740,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -125197,18 +123790,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -125226,13 +123813,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -125263,18 +123849,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -125319,18 +123899,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -125348,13 +123922,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -125385,18 +123958,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -125441,18 +124008,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -125470,13 +124031,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -125507,18 +124067,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -125563,18 +124117,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -125592,13 +124140,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -125629,18 +124176,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -125685,18 +124226,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -125714,13 +124249,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -125751,18 +124285,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -125807,18 +124335,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -125836,13 +124358,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -125873,18 +124394,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -125929,18 +124444,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -125958,13 +124467,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -125995,18 +124503,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -126051,18 +124553,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -126080,13 +124576,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -126117,18 +124612,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -126173,18 +124662,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -126202,13 +124685,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -126239,18 +124721,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -126295,18 +124771,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -126324,13 +124794,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -126361,18 +124830,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -126417,18 +124880,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -126446,13 +124903,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -126483,18 +124939,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -126539,18 +124989,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -126568,13 +125012,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -126605,18 +125048,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -126661,18 +125098,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -126690,13 +125121,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -126727,18 +125157,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -126783,18 +125207,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -126812,13 +125230,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -126849,18 +125266,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -126905,18 +125316,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -126934,13 +125339,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -126971,18 +125375,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -127027,18 +125425,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -127056,13 +125448,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -127093,18 +125484,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -127149,18 +125534,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -127178,13 +125557,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -127215,18 +125593,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -127271,18 +125643,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -127300,13 +125666,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -127337,18 +125702,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                     class="t-icon t-icon-chevron-right-circle"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z"
+                      d="M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -127393,18 +125752,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-add-rectangle"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z"
-                        fill="currentColor"
-                        fill-opacity="0.9"
-                      />
-                      <path
-                        d="M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z"
+                        d="M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                   </span>
@@ -127422,13 +125775,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/tree-select.vue 1`] =
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -127642,13 +125994,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -127695,13 +126046,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -127748,13 +126098,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -127801,13 +126150,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -127854,13 +126202,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -127907,13 +126254,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -127960,13 +126306,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -128013,13 +126358,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -128066,13 +126410,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -128119,13 +126462,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -128172,13 +126514,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -128225,13 +126566,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -128278,13 +126618,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -128331,13 +126670,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -128384,13 +126722,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -128437,13 +126774,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -128490,13 +126826,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -128543,13 +126878,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -128596,13 +126930,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -128649,13 +126982,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -128702,13 +127034,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -128755,13 +127086,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -128808,13 +127138,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -128861,13 +127190,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -128914,13 +127242,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -128967,13 +127294,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -129020,13 +127346,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -129073,13 +127398,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-check-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        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"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批通过
@@ -129126,13 +127450,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-close-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z"
+                        d="M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批失败
@@ -129179,13 +127502,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/virtual-scroll.vue 1`
                       class="t-icon t-icon-error-circle-filled"
                       fill="none"
                       height="1em"
-                      viewBox="0 0 16 16"
+                      viewBox="0 0 24 24"
                       width="1em"
                     >
                       <path
-                        d="M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z"
+                        d="M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z"
                         fill="currentColor"
-                        fill-opacity="0.9"
                       />
                     </svg>
                     审批过期
@@ -129689,13 +128011,12 @@ exports[`csr snapshot test > csr test ./src/tabs/_example/custom.vue 1`] = `
             class="t-icon t-icon-add"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+              d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -129900,13 +128221,12 @@ exports[`csr snapshot test > csr test ./src/tabs/_example/operation.vue 1`] = `
             class="t-icon t-icon-add"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+              d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -130672,13 +128992,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130697,13 +129016,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130722,13 +129040,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130747,13 +129064,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130782,13 +129098,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130807,13 +129122,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130832,13 +129146,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130857,13 +129170,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130892,13 +129204,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130917,13 +129228,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130942,13 +129252,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -130967,13 +129276,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -131005,13 +129313,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -131028,20 +129335,13 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             data-v-48c2675e=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.84 5.01A2 2 0 105 7.84 2 2 0 007.84 5zm-.7.7a1 1 0 11-1.42 1.42 1 1 0 011.41-1.41z"
-              data-v-48c2675e=""
-              fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M2 7.95V2h5.95a1 1 0 01.7.3l6.14 6.13a1 1 0 010 1.41L9.84 14.8a1 1 0 01-1.41 0L2.29 8.66A1 1 0 012 7.95zM7.95 3H3v4.95l6.13 6.13 4.95-4.95L7.95 3z"
+              d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"
               data-v-48c2675e=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
           <span
@@ -131054,13 +129354,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -131096,14 +129395,13 @@ exports[`csr snapshot test > csr test ./src/tag/_example/delete.vue 1`] = `
             data-v-48c2675e=""
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+              d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
               data-v-48c2675e=""
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
            添加标签 
@@ -131157,18 +129455,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/icon.vue 1`] = `
         class="t-icon t-icon-discount"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.84 5.01A2 2 0 105 7.84 2 2 0 007.84 5zm-.7.7a1 1 0 11-1.42 1.42 1 1 0 011.41-1.41z"
-          fill="currentColor"
-          fill-opacity="0.9"
-        />
-        <path
-          d="M2 7.95V2h5.95a1 1 0 01.7.3l6.14 6.13a1 1 0 010 1.41L9.84 14.8a1 1 0 01-1.41 0L2.29 8.66A1 1 0 012 7.95zM7.95 3H3v4.95l6.13 6.13 4.95-4.95L7.95 3z"
+          d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span>
@@ -131186,18 +129478,12 @@ exports[`csr snapshot test > csr test ./src/tag/_example/icon.vue 1`] = `
         class="t-icon t-icon-discount"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M7.84 5.01A2 2 0 105 7.84 2 2 0 007.84 5zm-.7.7a1 1 0 11-1.42 1.42 1 1 0 011.41-1.41z"
+          d="M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z"
           fill="currentColor"
-          fill-opacity="0.9"
-        />
-        <path
-          d="M2 7.95V2h5.95a1 1 0 01.7.3l6.14 6.13a1 1 0 010 1.41L9.84 14.8a1 1 0 01-1.41 0L2.29 8.66A1 1 0 012 7.95zM7.95 3H3v4.95l6.13 6.13 4.95-4.95L7.95 3z"
-          fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
       <span>
@@ -131676,13 +129962,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/auto-width.vue 1`
           class="t-icon t-icon-close t-tag__icon-close"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -131696,13 +129981,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/auto-width.vue 1`
           class="t-icon t-icon-close t-tag__icon-close"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </span>
@@ -131748,13 +130032,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/base.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -131768,13 +130051,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/base.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -131819,13 +130101,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/base.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -131839,13 +130120,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/base.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -131890,13 +130170,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/base.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -131910,13 +130189,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/base.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -131964,13 +130242,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132017,13 +130294,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132037,13 +130313,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132090,13 +130365,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132110,13 +130384,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132130,13 +130403,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/collapsed.vue 1`]
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132197,13 +130469,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/custom-tag.vue 1`
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132223,13 +130494,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/custom-tag.vue 1`
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132283,13 +130553,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/custom-tag.vue 1`
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132310,13 +130579,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/custom-tag.vue 1`
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132337,13 +130605,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/custom-tag.vue 1`
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132395,13 +130662,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/draggable.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -132420,13 +130686,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/draggable.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -132445,13 +130710,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/draggable.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -132501,13 +130765,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/draggable.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -132526,13 +130789,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/draggable.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -132551,13 +130813,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/draggable.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -132576,13 +130837,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/draggable.vue 1`]
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -132636,13 +130896,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/excess.vue 1`] =
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132656,13 +130915,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/excess.vue 1`] =
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132707,13 +130965,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/excess.vue 1`] =
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132727,13 +130984,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/excess.vue 1`] =
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132808,13 +131064,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/size.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132828,13 +131083,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/size.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132874,13 +131128,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/size.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132894,13 +131147,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/size.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132940,13 +131192,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/size.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -132960,13 +131211,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/size.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133136,13 +131386,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133156,13 +131405,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133176,13 +131424,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133234,13 +131481,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133254,13 +131500,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133274,13 +131519,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133332,13 +131576,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133352,13 +131595,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133372,13 +131614,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/status.vue 1`] =
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -133432,13 +131673,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133452,13 +131692,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133472,13 +131711,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133518,13 +131756,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133538,13 +131775,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133558,13 +131794,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133604,13 +131839,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133624,13 +131858,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133644,13 +131877,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133690,13 +131922,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133710,13 +131941,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -133730,13 +131960,12 @@ exports[`csr snapshot test > csr test ./src/tag-input/_example/theme.vue 1`] = `
               class="t-icon t-icon-close t-tag__icon-close"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -134032,18 +132261,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/base.vue 1`] =
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134085,18 +132308,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/base.vue 1`] =
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134153,18 +132370,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/clearable.vue 1
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134213,18 +132424,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/clearable.vue 1
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134283,18 +132488,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/disabled.vue 1`
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134343,18 +132542,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/disabled.vue 1`
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134403,18 +132596,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/disabled.vue 1`
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134457,18 +132644,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/format.vue 1`]
             class="t-icon t-icon-time"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+              d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -134523,18 +132704,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/hide-clear-butt
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134583,18 +132758,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/hide-clear-butt
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134651,18 +132820,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/hm.vue 1`] = `
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134711,18 +132874,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/hm.vue 1`] = `
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134765,18 +132922,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/hms.vue 1`] = `
             class="t-icon t-icon-time"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+              d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -134830,18 +132981,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/keyboard.vue 1`
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -134890,18 +133035,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/keyboard.vue 1`
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -135054,18 +133193,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/range.vue 1`] =
                 class="t-icon t-icon-time"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+                  d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-                  fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -135108,18 +133241,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/show-steps.vue
             class="t-icon t-icon-time"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+              d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -135160,18 +133287,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/step.vue 1`] =
             class="t-icon t-icon-time"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+              d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -135212,18 +133333,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/twelve-hour.vue
             class="t-icon t-icon-time"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+              d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -135264,18 +133379,12 @@ exports[`csr snapshot test > csr test ./src/time-picker/_example/twelve-hour-mer
             class="t-icon t-icon-time"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M7.5 4v4.39L10 11l.7-.7-2.2-2.33V4h-1z"
+              d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z"
               fill="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M15 8A7 7 0 111 8a7 7 0 0114 0zm-1 0A6 6 0 102 8a6 6 0 0012 0z"
-              fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -135705,13 +133814,12 @@ exports[`csr snapshot test > csr test ./src/timeline/_example/customDot.vue 1`]
               class="t-icon t-icon-tips t-size-m t-timeline-item__dot-content"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M8 1c-1.38 0-2.63.55-3.53 1.47a4.96 4.96 0 000 7.06c.3.32.65.58 1.03.8V12a1 1 0 001 1h3a1 1 0 001-1v-1.67A4.96 4.96 0 0013 6a5 5 0 00-5-5zM5.18 3.17a4 4 0 115.65 5.65v.01c-.3.3-.66.55-1.05.75l-.28.14V12h-3V9.72l-.28-.14A3.96 3.96 0 014 6c0-1.1.44-2.1 1.17-2.82zM5.5 14v1h5v-1h-5z"
+                d="M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -135743,13 +133851,12 @@ exports[`csr snapshot test > csr test ./src/timeline/_example/customDot.vue 1`]
               class="t-icon t-icon-user t-size-m t-timeline-item__dot-content"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               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"
+                d="M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -135781,13 +133888,12 @@ exports[`csr snapshot test > csr test ./src/timeline/_example/customDot.vue 1`]
               class="t-icon t-icon-heart t-size-m t-timeline-item__dot-content"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <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"
+                d="M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -135819,18 +133925,12 @@ exports[`csr snapshot test > csr test ./src/timeline/_example/customDot.vue 1`]
               class="t-icon t-icon-home t-size-m t-timeline-item__dot-content"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 11v1h4v-1H6z"
-                fill="currentColor"
-                fill-opacity="0.9"
-              />
-              <path
-                d="M7.65 1.65c.2-.2.5-.2.7 0l6.5 6.5-.7.7L13 7.71v5.79a1 1 0 01-1 1H4a1 1 0 01-1-1V7.7L1.85 8.86l-.7-.7 6.5-6.5zM8 2.7l-4 4v6.79h8V6.7l-4-4z"
+                d="M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -137486,13 +135586,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -137505,13 +135604,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/base.vue 1`] = `
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -138048,13 +136146,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/checked.vue 1`] =
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -138067,13 +136164,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/checked.vue 1`] =
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -139245,13 +137341,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -139264,13 +137359,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/custom.vue 1`] = `
             class="t-icon t-icon-chevron-left"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -139599,13 +137693,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/disabled.vue 1`] =
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -139618,13 +137711,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/disabled.vue 1`] =
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -139967,13 +138059,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/empty.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -139986,13 +138077,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/empty.vue 1`] = `
             class="t-icon t-icon-chevron-left"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -140114,13 +138204,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/empty.vue 1`] = `
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -140133,13 +138222,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/empty.vue 1`] = `
             class="t-icon t-icon-chevron-left"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </button>
@@ -140466,13 +138554,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/pagination.vue 1`]
             class="t-icon t-icon-chevron-left"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+              d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -140520,13 +138607,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/pagination.vue 1`]
             class="t-icon t-icon-chevron-right"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+              d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </div>
@@ -140548,13 +138634,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/pagination.vue 1`]
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -140567,13 +138652,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/pagination.vue 1`]
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -140688,13 +138772,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/search.vue 1`] = `
                 class="t-icon t-icon-search"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <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"
+                  d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -141148,13 +139231,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/search.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -141167,13 +139249,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/search.vue 1`] = `
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -141234,13 +139315,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/search.vue 1`] = `
                 class="t-icon t-icon-search"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <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"
+                  d="M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -141747,13 +139827,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/target-draggable.v
           class="t-icon t-icon-chevron-right"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+            d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -141766,13 +139845,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/target-draggable.v
           class="t-icon t-icon-chevron-left"
           fill="none"
           height="1em"
-          viewBox="0 0 16 16"
+          viewBox="0 0 24 24"
           width="1em"
         >
           <path
-            d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+            d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
             fill="currentColor"
-            fill-opacity="0.9"
           />
         </svg>
       </button>
@@ -142100,13 +140178,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/target-value.vue 1
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -142119,13 +140196,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/target-value.vue 1
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -142457,13 +140533,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -142539,13 +140614,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -142587,13 +140661,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -142703,13 +140776,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -142823,13 +140895,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
         class="t-icon t-icon-chevron-right"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z"
+          d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -142842,13 +140913,12 @@ exports[`csr snapshot test > csr test ./src/transfer/_example/tree.vue 1`] = `
         class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
-        viewBox="0 0 16 16"
+        viewBox="0 0 24 24"
         width="1em"
       >
         <path
-          d="M9.54 3.54l.92.92L6.92 8l3.54 3.54-.92.92L5.08 8l4.46-4.46z"
+          d="M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z"
           fill="currentColor"
-          fill-opacity="0.9"
         />
       </svg>
     </button>
@@ -143043,13 +141113,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/activable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143126,13 +141195,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/activable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143242,13 +141310,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143279,13 +141346,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143316,13 +141382,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143353,13 +141418,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/base.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143613,13 +141677,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143661,13 +141724,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143709,13 +141771,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143825,13 +141886,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143941,13 +142001,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -143989,13 +142048,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -144105,13 +142163,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -144221,13 +142278,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/checkable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -144531,13 +142587,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -144580,13 +142635,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -144629,13 +142683,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -144745,13 +142798,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -144793,13 +142845,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -144841,13 +142892,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/controlled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -145129,13 +143179,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -145177,13 +143226,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -145293,13 +143341,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -145409,13 +143456,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-data.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -145668,13 +143714,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-filter.vue 1`] =
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -145705,13 +143750,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-filter.vue 1`] =
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -145939,13 +143983,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-performance.vue
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -146016,13 +144059,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-performance.vue
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -146093,13 +144135,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-performance.vue
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -146759,13 +144800,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -146840,13 +144880,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -148596,13 +146635,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/debug-vscroll.vue 1`]
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -148924,13 +146962,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -148973,13 +147010,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149092,13 +147128,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149211,13 +147246,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149403,13 +147437,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149451,13 +147484,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149567,13 +147599,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149683,13 +147714,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/disabled.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149835,13 +147865,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149872,13 +147901,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149909,13 +147937,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -149992,13 +148019,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150075,13 +148101,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/draggable.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150406,13 +148431,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150443,13 +148467,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150526,13 +148549,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150609,13 +148631,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-all.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150725,13 +148746,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150762,13 +148782,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150799,13 +148818,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -150836,13 +148854,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-level.vue 1`] =
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151026,13 +149043,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] =
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151063,13 +149079,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/expand-mutex.vue 1`] =
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151222,13 +149237,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151259,13 +149273,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151409,13 +149422,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151446,13 +149458,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/filter.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151723,13 +149734,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151812,13 +149822,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -151933,13 +149942,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152061,13 +150069,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/label.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152334,13 +150341,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152382,13 +150388,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/lazy.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152565,13 +150570,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152656,13 +150660,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152697,13 +150700,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152738,13 +150740,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152779,13 +150780,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -152924,13 +150924,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -153082,13 +151081,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -153218,13 +151216,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -153266,13 +151263,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -153317,13 +151313,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -153371,13 +151366,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -153620,13 +151614,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -153838,13 +151831,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -153985,13 +151977,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -154037,13 +152028,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -154093,13 +152083,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -154153,13 +152142,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -154428,13 +152416,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/line.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -155617,13 +153604,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -155666,13 +153652,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -155715,13 +153700,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -155831,13 +153815,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -155879,13 +153862,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -155927,13 +153909,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/sync.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -156151,13 +154132,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -156199,13 +154179,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -156247,13 +154226,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/transition.vue 1`] = `
                   class="t-icon t-icon-caret-right-small"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    d="M6 5v6l4.5-3L6 5z"
+                    d="M16.5 12l-7-7v14l7-7z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </span>
@@ -158009,13 +155987,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -158090,13 +156067,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -158506,13 +156482,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -158922,13 +156897,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -159338,13 +157312,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -159754,13 +157727,12 @@ exports[`csr snapshot test > csr test ./src/tree/_example/vscroll.vue 1`] = `
               class="t-icon t-icon-caret-right-small"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                d="M6 5v6l4.5-3L6 5z"
+                d="M16.5 12l-7-7v14l7-7z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </span>
@@ -160233,13 +158205,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/collapsed.vue 1
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -160306,13 +158277,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/collapsed.vue 1
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -160653,13 +158623,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/multiple.vue 1`
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -160676,13 +158645,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/multiple.vue 1`
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -160699,13 +158667,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/multiple.vue 1`
             class="t-icon t-icon-close t-tag__icon-close"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
         </span>
@@ -160917,13 +158884,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/valuedisplay.vu
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -160937,13 +158903,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/valuedisplay.vu
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -161065,13 +159030,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/valuetype.vue 1
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -161088,13 +159052,12 @@ exports[`csr snapshot test > csr test ./src/tree-select/_example/valuetype.vue 1
                 class="t-icon t-icon-close t-tag__icon-close"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </span>
@@ -161285,18 +159248,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/base.vue 1`] = `
                   class="t-icon t-icon-upload"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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="currentColor"
-                    fill-opacity="0.9"
-                  />
-                  <path
-                    d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
+                    d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
                 <span
@@ -161341,18 +159298,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/base.vue 1`] = `
                   class="t-icon t-icon-upload"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
                     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
@@ -161376,13 +159327,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/base.vue 1`] = `
                 class="t-icon t-icon-close t-upload__icon-delete"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 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="M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
             </div>
@@ -161415,18 +159365,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/base.vue 1`] = `
                   class="t-icon t-icon-upload"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
                     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
@@ -161461,18 +159405,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/custom-drag.vue 1`]
       class="t-icon t-icon-cloud-upload"
       fill="none"
       height="1em"
-      viewBox="0 0 16 16"
+      viewBox="0 0 24 24"
       width="1em"
     >
       <path
-        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="currentColor"
-        fill-opacity="0.9"
-      />
-      <path
-        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"
+        d="M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z"
         fill="currentColor"
-        fill-opacity="0.9"
       />
     </svg>
     <span
@@ -161654,13 +159592,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/draggable.vue 1`] =
                   class="t-icon t-icon-check-circle-filled"
                   fill="none"
                   height="1em"
-                  viewBox="0 0 16 16"
+                  viewBox="0 0 24 24"
                   width="1em"
                 >
                   <path
-                    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"
+                    d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"
                     fill="currentColor"
-                    fill-opacity="0.9"
                   />
                 </svg>
               </div>
@@ -161768,6 +159705,29 @@ exports[`csr snapshot test > csr test ./src/upload/_example/file-flow-list.vue 1
           </span>
         </label>
       </div>
+      <div
+        class="t-space-item"
+      >
+        <label
+          class="t-checkbox"
+          tabindex="0"
+        >
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            显示文件缩略图
+          </span>
+        </label>
+      </div>
       <div
         class="t-space-item"
       >
@@ -161873,18 +159833,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/file-flow-list.vue 1
                 class="t-icon t-icon-upload"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
+                  d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
               <span
@@ -161935,6 +159889,7 @@ exports[`csr snapshot test > csr test ./src/upload/_example/file-flow-list.vue 1
             </span>
           </button>
         </div>
+        <span />
       </div>
     </div>
   </div>
@@ -162072,13 +160027,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/image.vue 1`] = `
                     class="t-icon t-icon-add"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                      d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   <p
@@ -162125,13 +160079,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/image.vue 1`] = `
                     class="t-icon t-icon-add"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                      d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                   <p
@@ -162176,10 +160129,46 @@ exports[`csr snapshot test > csr test ./src/upload/_example/image.vue 1`] = `
             <div
               class="t-upload__card-content t-upload__card-box"
             >
-              <img
-                class="t-upload__card-image"
-                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-              />
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
+              >
+                <img
+                  alt=""
+                  class="t-image t-image--fit-fill t-image--position-center"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <path
+                          d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                          fill="currentColor"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
               <div
                 class="t-upload__card-mask"
               >
@@ -162190,19 +160179,17 @@ exports[`csr snapshot test > csr test ./src/upload/_example/image.vue 1`] = `
                     class="t-icon t-icon-browse"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
-                    <path
-                      d="M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
+                    <g
+                      clip-path="url(#clip0_8726_7319)"
+                    >
+                      <path
+                        d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                        fill="currentColor"
+                      />
+                    </g>
                   </svg>
                 </span>
                 <span
@@ -162215,18 +160202,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/image.vue 1`] = `
                     class="t-icon t-icon-delete"
                     fill="none"
                     height="1em"
-                    viewBox="0 0 16 16"
+                    viewBox="0 0 24 24"
                     width="1em"
                   >
                     <path
-                      d="M6 12V6h1v6H6zM9 6v6h1V6H9z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
-                    />
-                    <path
-                      d="M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z"
+                      d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"
                       fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -162278,13 +160259,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/image.vue 1`] = `
                 class="t-icon t-icon-add"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  d="M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z"
+                  d="M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
               <p
@@ -162362,24 +160342,18 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.vue 1`
                 class="t-icon t-icon-upload"
                 fill="none"
                 height="1em"
-                viewBox="0 0 16 16"
+                viewBox="0 0 24 24"
                 width="1em"
               >
                 <path
-                  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="currentColor"
-                  fill-opacity="0.9"
-                />
-                <path
-                  d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
+                  d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
                   fill="currentColor"
-                  fill-opacity="0.9"
                 />
               </svg>
               <span
                 class="t-button__text"
               >
-                选择文件
+                继续选择
               </span>
             </button>
           </div>
@@ -162392,11 +160366,117 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.vue 1`
         <div
           class="t-upload__flow-card-area"
         >
-          <div
-            class="t-upload__flow-empty"
+          <ul
+            class="t-upload__card clearfix"
           >
-            点击上方“选择文件”或将文件拖拽到此区域
-          </div>
+            <li
+              class="t-upload__card-item"
+            >
+              <div
+                class="t-upload__card-content t-is-bordered"
+              >
+                <div
+                  class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
+                >
+                  <img
+                    alt=""
+                    class="t-image t-image--fit-fill t-image--position-center"
+                    src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+                  />
+                  <div
+                    class="t-image__loading"
+                  >
+                    <div
+                      class="t-space t-space-align-center t-space-vertical"
+                      style="gap: 8px;"
+                    >
+                      <div
+                        class="t-space-item"
+                      >
+                        <svg
+                          class="t-icon t-icon-image"
+                          fill="none"
+                          height="1em"
+                          style="font-size: 24px;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <path
+                            d="M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z"
+                            fill="currentColor"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="t-upload__card-mask"
+                >
+                  <span
+                    class="t-upload__card-mask-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-browse"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        clip-path="url(#clip0_8726_7319)"
+                      >
+                        <path
+                          d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                          fill="currentColor"
+                        />
+                      </g>
+                    </svg>
+                    <svg
+                      class="t-icon t-icon-browse"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        clip-path="url(#clip0_8726_7319)"
+                      >
+                        <path
+                          d="M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z"
+                          fill="currentColor"
+                        />
+                      </g>
+                    </svg>
+                    <span
+                      class="t-upload__card-mask-item-divider"
+                    />
+                  </span>
+                  <span
+                    class="t-upload__card-mask-item t-upload__delete"
+                  >
+                    <svg
+                      class="t-icon t-icon-delete"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+              <p
+                class="t-upload__card-name"
+              >
+                loading.svg
+              </p>
+            </li>
+          </ul>
         </div>
         <div
           class="t-upload__flow-bottom"
@@ -162413,8 +160493,7 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.vue 1`
             </span>
           </button>
           <button
-            class="t-button t-button--variant-base t-button--theme-primary t-is-disabled t-upload__continue"
-            disabled="disabled"
+            class="t-button t-button--variant-base t-button--theme-primary t-upload__continue"
             type="button"
           >
             <span
@@ -162424,6 +160503,7 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.vue 1`
             </span>
           </button>
         </div>
+        <span />
       </div>
     </div>
   </div>
@@ -162506,18 +160586,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/request-method.vue 1
             class="t-icon t-icon-upload"
             fill="none"
             height="1em"
-            viewBox="0 0 16 16"
+            viewBox="0 0 24 24"
             width="1em"
           >
             <path
-              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="currentColor"
-              fill-opacity="0.9"
-            />
-            <path
-              d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
+              d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
               fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
           <span
@@ -162663,18 +160737,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/table.vue 1`] = `
               class="t-icon t-icon-upload"
               fill="none"
               height="1em"
-              viewBox="0 0 16 16"
+              viewBox="0 0 24 24"
               width="1em"
             >
               <path
-                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="currentColor"
-                fill-opacity="0.9"
-              />
-              <path
-                d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
+                d="M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z"
                 fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
             <span
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index 9790ff71d..76ba1eea0 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -4,17 +4,17 @@ exports[`ssr snapshot test > renders ./src/affix/_example/base.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/affix/_example/container.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"affix-container\\" data-v-8141d1d6><div class=\\"affix-container-demo1\\" data-v-8141d1d6><div class=\\"background\\" data-v-8141d1d6><div data-v-8141d1d6><div><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-8141d1d6><span class=\\"t-button__text\\">Fixed open:0</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/alert/_example/base.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-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\"><div>这是一条普通的消息提示</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--success\\"><div class=\\"t-alert__icon\\"><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><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条成功的消息提示</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\"> 这是一条警示信息 </div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--error\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\"> 这是一条失败信息提示 </div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/alert/_example/base.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-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\"><div>这是一条普通的消息提示</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--success\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条成功的消息提示</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\"> 这是一条警示信息 </div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--error\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\"> 这是一条失败信息提示 </div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/alert/_example/close.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-alert t-alert--success\\"><div class=\\"t-alert__icon\\"><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><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条成功的消息提示</div></div></div><div class=\\"t-alert__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条普通的消息提示</div></div></div><div class=\\"t-alert__close\\">知道了</div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条警示信息</div></div></div><div class=\\"t-alert__close\\">FunctionPropClose</div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--error\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">高危操作/出错信息提示</div></div></div><div class=\\"t-alert__close\\"> Slot Close </div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/alert/_example/close.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-alert t-alert--success\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条成功的消息提示</div></div></div><div class=\\"t-alert__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条普通的消息提示</div></div></div><div class=\\"t-alert__close\\">知道了</div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条警示信息</div></div></div><div class=\\"t-alert__close\\">FunctionPropClose</div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--error\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">高危操作/出错信息提示</div></div></div><div class=\\"t-alert__close\\"> Slot Close </div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/alert/_example/collapse.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\"><div><span>这是折叠的第一条消息</span></div><div><span>这是折叠的第二条消息</span></div><div class=\\"t-alert__collapse\\">展开更多</div></div></div></div><div class=\\"t-alert__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/alert/_example/collapse.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\"><div><span>这是折叠的第一条消息</span></div><div><span>这是折叠的第二条消息</span></div><div class=\\"t-alert__collapse\\">展开更多</div></div></div></div><div class=\\"t-alert__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/alert/_example/icon.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-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条普通的消息提示</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条警示消息提示</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--error\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">高危操作/出错信息提示</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\"><div class=\\"t-alert__icon\\"><svg class=\\"t-icon t-icon-error-circle-filled\\"><use href=\\"#t-icon-error-circle-filled\\"></use></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条警示信息(以function形式自定义icon)</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--error\\"><div class=\\"t-alert__icon\\"><svg class=\\"t-icon t-icon-error-circle-filled\\"><use href=\\"#t-icon-error-circle-filled\\"></use></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">高危操作/出错信息提示(以slot形式自定义icon)</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/alert/_example/icon.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-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条普通的消息提示</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条警示消息提示</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--error\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">高危操作/出错信息提示</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--warning\\"><div class=\\"t-alert__icon\\"><svg class=\\"t-icon t-icon-error-circle-filled\\"><use href=\\"#t-icon-error-circle-filled\\"></use></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条警示信息(以function形式自定义icon)</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--error\\"><div class=\\"t-alert__icon\\"><svg class=\\"t-icon t-icon-error-circle-filled\\"><use href=\\"#t-icon-error-circle-filled\\"></use></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">高危操作/出错信息提示(以slot形式自定义icon)</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/alert/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条普通的消息提示</div><div class=\\"t-alert__operation\\"><span>相关操作</span></div></div></div><div class=\\"t-alert__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/alert/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是一条普通的消息提示</div><div class=\\"t-alert__operation\\"><span>相关操作</span></div></div></div><div class=\\"t-alert__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/alert/_example/title.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__title\\"> 这是一条普通的消息提示</div><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是与普通的消息提示相关的文字辅助说明</div><div class=\\"t-alert__operation\\"><span>相关操作</span></div></div></div><div class=\\"t-alert__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/alert/_example/title.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-alert t-alert--info\\"><div class=\\"t-alert__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-alert__content\\"><div class=\\"t-alert__title\\"> 这是一条普通的消息提示</div><div class=\\"t-alert__message\\"><div class=\\"t-alert__description\\">这是与普通的消息提示相关的文字辅助说明</div><div class=\\"t-alert__operation\\"><span>相关操作</span></div></div></div><div class=\\"t-alert__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/anchor/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" style=\\"display:flex;\\"><div style=\\"flex:1;\\"></div><div><div><div class=\\"t-anchor t-size-m\\"><div class=\\"t-anchor__line\\"><div class=\\"t-anchor__line-cursor-wrapper\\"><div class=\\"t-anchor__line-cursor\\"></div></div></div><div class=\\"t-anchor__item\\"><a href=\\"#基础锚点\\" title=\\"基础锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">基础锚点</a></div><div class=\\"t-anchor__item\\"><a href=\\"#多级锚点\\" title=\\"多级锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">多级锚点</a></div><div class=\\"t-anchor__item\\"><a href=\\"#指定容器锚点\\" title=\\"指定容器锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">指定容器锚点</a></div><div class=\\"t-anchor__item\\"><a href=\\"#特定交互锚点\\" title=\\"特定交互锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">特定交互锚点</a></div><div class=\\"t-anchor__item\\"><a href=\\"#不同尺寸的锚点\\" title=\\"不同尺寸的锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">不同尺寸的锚点</a></div></div></div></div></div>"`;
 
@@ -28,9 +28,9 @@ exports[`ssr snapshot test > renders ./src/anchor/_example/multiple.vue correctl
 
 exports[`ssr snapshot test > renders ./src/anchor/_example/small.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"anchor-demo\\" data-v-804f4798><div class=\\"t-anchor t-size-s\\" data-v-804f4798><div class=\\"t-anchor__line\\"><div class=\\"t-anchor__line-cursor-wrapper\\"><div class=\\"t-anchor__line-cursor\\"></div></div></div><div class=\\"t-anchor__item\\" data-v-804f4798><a href=\\"#基础锚点\\" title=\\"基础锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">基础锚点</a></div><div class=\\"t-anchor__item\\" data-v-804f4798><a href=\\"#多级锚点\\" title=\\"多级锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">多级锚点</a></div><div class=\\"t-anchor__item\\" data-v-804f4798><a href=\\"#指定容器锚点\\" title=\\"指定容器锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">指定容器锚点</a></div><div class=\\"t-anchor__item\\" data-v-804f4798><a href=\\"#特定交互锚点\\" title=\\"特定交互锚点\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">特定交互锚点</a></div><div class=\\"t-anchor__item\\" data-v-804f4798><a href=\\"#尺寸\\" title=\\"尺寸\\" target=\\"_self\\" class=\\"t-anchor__item-link\\">尺寸</a></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/anchor/_example/target.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"anchor-demo\\"><div id=\\"#anchor-target-1\\" class=\\"t-anchor__target\\">定义<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg></div><div id=\\"#anchor-target-2\\" class=\\"t-anchor__target\\">服务功能<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg></div><div id=\\"#anchor-target-3\\" class=\\"t-anchor__target\\">使用指南<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg></div><div id=\\"#anchor-target-4\\" class=\\"t-anchor__target\\">创建签名<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg></div><div id=\\"#anchor-target-5\\" class=\\"t-anchor__target\\">创建内容<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg></div><div id=\\"#anchor-target-6\\" class=\\"t-anchor__target\\">保密协议<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg></div><div id=\\"#anchor-target-7\\" class=\\"t-anchor__target\\">其他<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M4 1.92C4 1.34 4.52 1 5 1h4.37a1 1 0 01.71.3L13.71 5a1 1 0 01.29.7v6.38c0 .58-.52.92-1 .92H5c-.48 0-1-.34-1-.92V1.92zM5 2v10h8V6.01H9V2H5zm5 .65V5h2.32L10 2.65z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 5v9.01a1 1 0 001 1h8v-1H3V5H2z\\" fill-opacity=\\"0.9\\"></path></svg></div></div>"`;
+exports[`ssr snapshot test > renders ./src/anchor/_example/target.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"anchor-demo\\"><div id=\\"#anchor-target-1\\" class=\\"t-anchor__target\\">定义<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z\\"></path></svg></div><div id=\\"#anchor-target-2\\" class=\\"t-anchor__target\\">服务功能<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z\\"></path></svg></div><div id=\\"#anchor-target-3\\" class=\\"t-anchor__target\\">使用指南<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z\\"></path></svg></div><div id=\\"#anchor-target-4\\" class=\\"t-anchor__target\\">创建签名<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z\\"></path></svg></div><div id=\\"#anchor-target-5\\" class=\\"t-anchor__target\\">创建内容<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z\\"></path></svg></div><div id=\\"#anchor-target-6\\" class=\\"t-anchor__target\\">保密协议<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z\\"></path></svg></div><div id=\\"#anchor-target-7\\" class=\\"t-anchor__target\\">其他<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-file-copy t-anchor__copy\\"><path fill=\\"currentColor\\" d=\\"M6 1h9.41L21 6.59V19H6V1zm2 2v14h11V9h-6V3H8zm7 .41V7h3.59L15 3.41zM4 5v16h11v2H2V5h2z\\"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/auto-complete/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-demo-auto-complete__base t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-auto-complete\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入关键词搜索\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-demo-autocomplete__search t-auto-complete\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入关键词搜索（右侧搜索按钮可以使用插槽自定义）\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary 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-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></button></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/auto-complete/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-demo-auto-complete__base t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-auto-complete\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入关键词搜索\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-demo-autocomplete__search t-auto-complete\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"请输入关键词搜索（右侧搜索按钮可以使用插槽自定义）\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></button></span></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/auto-complete/_example/filter.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-auto-complete\\" style=\\"width:280px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"组件默认过滤规则（不区分大小写）\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-auto-complete\\" style=\\"width:280px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"自定义过滤规则（区分大小写）\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div>"`;
 
@@ -44,29 +44,29 @@ exports[`ssr snapshot test > renders ./src/auto-complete/_example/trigger-elemen
 
 exports[`ssr snapshot test > renders ./src/avatar/_example/adjust.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">王</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">王亿</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">王亿亿</span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/avatar/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><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 class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/avatar/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle t-avatar__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/avatar/_example/group.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-m t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div><div class=\\"t-avatar t-size-m 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-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div><div class=\\"t-avatar t-size-l 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>"`;
+exports[`ssr snapshot test > renders ./src/avatar/_example/group.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-m t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div><div class=\\"t-avatar t-size-m t-avatar--circle t-avatar__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div><div class=\\"t-avatar t-size-l t-avatar--circle t-avatar__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/avatar/_example/group-cascading.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-m t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div><div class=\\"t-avatar t-size-m 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-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-left\\"><div class=\\"t-avatar t-size-m t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div><div class=\\"t-avatar t-size-m 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>"`;
+exports[`ssr snapshot test > renders ./src/avatar/_example/group-cascading.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-m t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div><div class=\\"t-avatar t-size-m t-avatar--circle t-avatar__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-left\\"><div class=\\"t-avatar t-size-m t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div><div class=\\"t-avatar t-size-m t-avatar--circle t-avatar__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/avatar/_example/group-max.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">Avatar</span></div><div class=\\"t-avatar t-size-l t-avatar--circle t-avatar__collapse\\"><span style=\\"transform:;\\">+1</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">Avatar</span></div><div class=\\"t-avatar t-size-l t-avatar--circle t-avatar__icon t-avatar__collapse\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">Avatar</span></div><div class=\\"t-avatar t-size-l t-avatar--circle t-avatar__collapse\\"><span style=\\"transform:;\\">more</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/avatar/_example/group-max.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">Avatar</span></div><div class=\\"t-avatar t-size-l t-avatar--circle t-avatar__collapse\\"><span style=\\"transform:;\\">+1</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">Avatar</span></div><div class=\\"t-avatar t-size-l t-avatar--circle t-avatar__icon t-avatar__collapse\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar-group t-avatar--offset-right\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">Avatar</span></div><div class=\\"t-avatar t-size-l t-avatar--circle t-avatar__collapse\\"><span style=\\"transform:;\\">more</span></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/avatar/_example/shape.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--round\\"><span style=\\"transform:;\\">W</span></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/avatar/_example/size.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-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar t-size-s t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-size-l t-avatar--circle\\"><span style=\\"transform:;\\">W</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--circle\\" style=\\"width:100px;height:100px;font-size:50px;\\"><span style=\\"transform:;\\">W</span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-avatar t-size-s t-avatar--round\\"><span style=\\"transform:;\\">W</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-size-m t-avatar--round\\"><span style=\\"transform:;\\">W</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-size-l t-avatar--round\\"><span style=\\"transform:;\\">W</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-avatar t-avatar--round\\" style=\\"width:100px;height:100px;font-size:50px;\\"><span style=\\"transform:;\\">W</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/back-top/_example/baseList.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" style=\\"position:relative;height:280px;\\"><div class=\\"baseList-container t-list t-size-m\\" style=\\"position:relative;height:100%;overflow-y:scroll;\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容1</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容2</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容3</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容4</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容5</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容6</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容7</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容8</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容9</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容10</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容11</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容12</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容13</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容14</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容15</div></div></li></ul><div class=\\"t-list__load\\"></div></div><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:24px;inset-block-end:80px;position:absolute;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div>"`;
+exports[`ssr snapshot test > renders ./src/back-top/_example/baseList.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" style=\\"position:relative;height:280px;\\"><div class=\\"baseList-container t-list t-size-m\\" style=\\"position:relative;height:100%;overflow-y:scroll;\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容1</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容2</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容3</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容4</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容5</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容6</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容7</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容8</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容9</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容10</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容11</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容12</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容13</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容14</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容15</div></div></li></ul><div class=\\"t-list__load\\"></div></div><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:24px;inset-block-end:80px;position:absolute;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div>"`;
 
-exports[`ssr snapshot test > renders ./src/back-top/_example/baseListSmall.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" style=\\"position:relative;height:280px;\\"><div class=\\"baseListSmall-container t-list t-size-m\\" style=\\"position:relative;height:100%;overflow-y:scroll;\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容1</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容2</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容3</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容4</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容5</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容6</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容7</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容8</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容9</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容10</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容11</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容12</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容13</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容14</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容15</div></div></li></ul><div class=\\"t-list__load\\"></div></div><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:24px;inset-block-end:80px;position:absolute;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div>"`;
+exports[`ssr snapshot test > renders ./src/back-top/_example/baseListSmall.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" style=\\"position:relative;height:280px;\\"><div class=\\"baseListSmall-container t-list t-size-m\\" style=\\"position:relative;height:100%;overflow-y:scroll;\\"><ul class=\\"t-list__inner\\"><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容1</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容2</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容3</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容4</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容5</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容6</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容7</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容8</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容9</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容10</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容11</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容12</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容13</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容14</div></div></li><li class=\\"t-list-item\\"><div class=\\"t-list-item-main\\"><div class=\\"t-list-item__content\\">列表内容15</div></div></li></ul><div class=\\"t-list__load\\"></div></div><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:24px;inset-block-end:80px;position:absolute;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div>"`;
 
 exports[`ssr snapshot test > renders ./src/back-top/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;position:relative;\\"><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-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><svg class=\\"t-icon t-icon-backtop\\" style=\\"font-size:20;\\"><use href=\\"#t-icon-backtop\\"></use></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><span>返回顶部</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\">回到顶部</button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/back-top/_example/shape.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;position:relative;\\"><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-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-primary t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-dark t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></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-back-top t-back-top--theme-light t-back-top--circle t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-primary t-back-top--circle t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-dark t-back-top--circle t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/back-top/_example/shape.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;position:relative;\\"><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-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-primary t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-dark t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></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-back-top t-back-top--theme-light t-back-top--circle t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-primary t-back-top--circle t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-dark t-back-top--circle t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/back-top/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;position:relative;\\"><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-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-primary t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-dark t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></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-back-top t-back-top--theme-light t-back-top--square t-size-s\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-primary t-back-top--square t-size-s\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-dark t-back-top--square t-size-s\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/back-top/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;position:relative;\\"><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-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-primary t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-dark t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></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-back-top t-back-top--theme-light t-back-top--square t-size-s\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-primary t-back-top--square t-size-s\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-back-top t-back-top--theme-dark t-back-top--square t-size-s\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/back-top/_example/theme.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;position:relative;\\"><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-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></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-back-top t-back-top--theme-primary t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></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-back-top t-back-top--theme-dark t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M2 3h12V2H2v1zM3.38 10.23l4.1-4.03v8.64H8.5V6.2l4.18 4.08.71-.7-5.05-4.93a.5.5 0 00-.7 0l-4.98 4.9.72.69z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/back-top/_example/theme.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;position:relative;\\"><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-back-top t-back-top--theme-light t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></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-back-top t-back-top--theme-primary t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></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-back-top t-back-top--theme-dark t-back-top--square t-size-m\\" style=\\"inset-inline-end:0;inset-block-end:0;position:relative;\\"><div><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-backtop t-back-top__icon\\" style=\\"font-size:24;\\"><path fill=\\"currentColor\\" d=\\"M4 4h16v2H4V4zm8 3.59l6.91 6.91-1.41 1.41-4.5-4.5V21h-2v-9.59l-4.5 4.5-1.41-1.41L12 7.59z\\"></path></svg><span class=\\"t-back-top__text\\">TOP</span></div></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/badge/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:32px;\\" data-v-527a6600><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-527a6600><div class=\\"badge-block\\" data-v-527a6600></div><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div></div><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-527a6600>解锁新徽章<sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div></div><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-527a6600><svg viewBox=\\"0 0 16 16\\" version=\\"1.1\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-icon\\" style=\\"font-size:24px;\\" data-v-527a6600><path fill-rule=\\"evenodd\\" d=\\"M8,9 C9.40504021,9 10.7254812,9.36221239 11.8730402,9.99835445 L11.885,10 L12.4565011,10.2862457 C12.7901689,10.4574447 13,10.8009441 13,11.1759685 L13,13 C13,13.5522847 12.5522847,14 12,14 L4,14 C3.44771525,14 3,13.5522847 3,13 L3,11.1762791 C3,10.8012353 3.20985249,10.4577217 3.54354665,10.2865317 L4.121,10 L4.126,9.999 L4.27379497,9.91895294 C5.38659871,9.3321599 6.6545093,9 8,9 Z M8,10 C6.51283435,10 5.13398645,10.4637634 4.00018867,11.2545577 L4,13 L12,13 L12.0003287,11.2549186 C10.8664331,10.4639045 9.48739188,10 8,10 Z M8,2.49576492 C9.65685425,2.49576492 11,3.83891067 11,5.49576492 C11,7.15261916 9.65685425,8.49576492 8,8.49576492 C6.34314575,8.49576492 5,7.15261916 5,5.49576492 C5,3.83891067 6.34314575,2.49576492 8,2.49576492 Z M8,3.49576492 C6.8954305,3.49576492 6,4.39119542 6,5.49576492 C6,6.60033441 6.8954305,7.49576492 8,7.49576492 C9.1045695,7.49576492 10,6.60033441 10,5.49576492 C10,4.39119542 9.1045695,3.49576492 8,3.49576492 Z\\" data-v-527a6600></path></svg><sup class=\\"t-badge--dot\\" style=\\"background:;\\"></sup></div></div></div>"`;
 
@@ -80,19 +80,19 @@ exports[`ssr snapshot test > renders ./src/badge/_example/shape.vue correctly 1`
 
 exports[`ssr snapshot test > renders ./src/badge/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\" data-v-28dbb1a0><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\" data-v-28dbb1a0><div class=\\"t-space-item\\"><h3 class=\\"demo-t-badge-title\\" data-v-28dbb1a0>1.默认大小</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\" data-v-28dbb1a0><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-28dbb1a0><div class=\\"badge-block\\" data-v-28dbb1a0></div><sup class=\\"t-badge--circle\\" style=\\"background:;\\">2</sup></div></div><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-28dbb1a0><div class=\\"badge-block\\" data-v-28dbb1a0></div><sup class=\\"t-badge--circle\\" style=\\"background:;\\">99</sup></div></div><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-28dbb1a0><div class=\\"badge-block\\" data-v-28dbb1a0></div><sup class=\\"t-badge--circle\\" style=\\"background:;\\">99+</sup></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\" data-v-28dbb1a0><div class=\\"t-space-item\\"><h3 class=\\"demo-t-badge-title\\" data-v-28dbb1a0>2.小</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\" data-v-28dbb1a0><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-28dbb1a0><div class=\\"badge-block\\" data-v-28dbb1a0></div><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">2</sup></div></div><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-28dbb1a0><div class=\\"badge-block\\" data-v-28dbb1a0></div><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">99</sup></div></div><div class=\\"t-space-item\\"><div class=\\"t-badge\\" data-v-28dbb1a0><div class=\\"badge-block\\" data-v-28dbb1a0></div><sup class=\\"t-badge--circle t-size-s\\" style=\\"background:;\\">99+</sup></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/breadcrumb/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:150px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:150px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面2面包屑文案超长时悬浮显示文案全部信息</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:160px;\\"><span class=\\"t-breadcrumb__inner-text\\">面包屑中文案过长时可缩略显示，鼠标hover时显示全部</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/breadcrumb/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:150px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:150px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面2面包屑文案超长时悬浮显示文案全部信息</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:160px;\\"><span class=\\"t-breadcrumb__inner-text\\">面包屑中文案过长时可缩略显示，鼠标hover时显示全部</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/breadcrumb/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg class=\\"t-icon t-icon-chevron-right\\"><use href=\\"#t-icon-chevron-right\\"></use></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面2</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg class=\\"t-icon t-icon-chevron-right\\"><use href=\\"#t-icon-chevron-right\\"></use></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面3</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg class=\\"t-icon t-icon-chevron-right\\"><use href=\\"#t-icon-chevron-right\\"></use></svg></span></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/breadcrumb/_example/dropdown.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\">/</span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面2 <svg class=\\"t-icon t-icon-chevron-down\\"><use href=\\"#t-icon-chevron-down\\"></use></svg></span></span></span><span class=\\"t-breadcrumb__separator\\">/</span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面3</span></span></span><span class=\\"t-breadcrumb__separator\\">/</span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/breadcrumb/_example/href.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-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">首页</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1(覆盖路由)</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><a href=\\"http://tdesign.tencent.com/\\" target=\\"_blank\\" class=\\"t-breadcrumb--text-overflow t-link\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面2</span></span></a><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow t-is-disabled\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面3(disabled)</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow t-gestureClass\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面4自定义点击</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;\\">点击计数器：0</div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/breadcrumb/_example/href.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-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">首页</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1(覆盖路由)</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><a href=\\"http://tdesign.tencent.com/\\" target=\\"_blank\\" class=\\"t-breadcrumb--text-overflow t-link\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面2</span></span></a><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow t-is-disabled\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面3(disabled)</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow t-gestureClass\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面4自定义点击</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:20px;\\">点击计数器：0</div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/breadcrumb/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><svg class=\\"t-icon t-icon-books\\"><use href=\\"#t-icon-books\\"></use></svg><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><svg class=\\"t-icon t-icon-books\\"><use href=\\"#t-icon-books\\"></use></svg><span class=\\"t-breadcrumb__inner-text\\">页面2</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><svg class=\\"t-icon t-icon-books\\"><use href=\\"#t-icon-books\\"></use></svg><span class=\\"t-breadcrumb__inner-text\\">页面3</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/breadcrumb/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><svg class=\\"t-icon t-icon-bookmark\\"><use href=\\"#t-icon-bookmark\\"></use></svg><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><svg class=\\"t-icon t-icon-bookmark\\"><use href=\\"#t-icon-bookmark\\"></use></svg><span class=\\"t-breadcrumb__inner-text\\">页面2</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><svg class=\\"t-icon t-icon-bookmark\\"><use href=\\"#t-icon-bookmark\\"></use></svg><span class=\\"t-breadcrumb__inner-text\\">页面3</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/breadcrumb/_example/options.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面2</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><a href=\\"//tdesign.tencent.com/\\" target=\\"_self\\" class=\\"t-breadcrumb--text-overflow t-link\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面3</span></span></a><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/breadcrumb/_example/options.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面2</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><a href=\\"//tdesign.tencent.com/\\" target=\\"_self\\" class=\\"t-breadcrumb--text-overflow t-link\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面3</span></span></a><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/breadcrumb/_example/to.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">首页</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M6.46 12.46l-.92-.92L9.08 8 5.54 4.46l.92-.92L10.92 8l-4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/breadcrumb/_example/to.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-breadcrumb\\"><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">首页</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div><div class=\\"t-breadcrumb__item light\\"><span class=\\"t-breadcrumb--text-overflow\\"><span class=\\"t-breadcrumb__inner\\" style=\\"max-width:120px;\\"><span class=\\"t-breadcrumb__inner-text\\">页面1</span></span></span><span class=\\"t-breadcrumb__separator\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/button/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-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-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-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">文字按钮</span></button></div></div>"`;
 
@@ -102,9 +102,9 @@ exports[`ssr snapshot test > renders ./src/button/_example/custom-element.vue co
 
 exports[`ssr snapshot test > renders ./src/button/_example/ghost.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-button--variant-outline t-button--theme-default t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-default t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--ghost\\"><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-button--variant-outline t-button--theme-primary t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-primary t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-primary t-button--ghost\\"><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-button--variant-outline t-button--theme-success t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-success t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-success t-button--ghost\\"><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-button--variant-outline t-button--theme-warning t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-warning t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-warning t-button--ghost\\"><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-button--variant-outline t-button--theme-danger t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-danger t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-danger t-button--ghost\\"><span class=\\"t-button__text\\">幽灵按钮</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/button/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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><span class=\\"t-button__text\\"> 新建 </span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-circle\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-discount\\"><path fill=\\"currentColor\\" d=\\"M7.84 5.01A2 2 0 105 7.84 2 2 0 007.84 5zm-.7.7a1 1 0 11-1.42 1.42 1 1 0 011.41-1.41z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 7.95V2h5.95a1 1 0 01.7.3l6.14 6.13a1 1 0 010 1.41L9.84 14.8a1 1 0 01-1.41 0L2.29 8.66A1 1 0 012 7.95zM7.95 3H3v4.95l6.13 6.13 4.95-4.95L7.95 3z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-circle\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-cloud-download\\"><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=\\"M9.8 11.3l-1.3 1.29v-4.6h-1v4.6L6.2 11.3l-.7.7 2.15 2.15c.2.2.51.2.7 0L10.5 12l-.7-.71z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-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 class=\\"t-button__text\\"> 搜索 </span></button></div></div>"`;
+exports[`ssr snapshot test > renders ./src/button/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg><span class=\\"t-button__text\\"> 新建 </span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-cloud-upload\\"><path fill=\\"currentColor\\" d=\\"M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z\\"></path></svg><span class=\\"t-button__text\\"> 上传文件 </span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-circle\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-discount\\"><path fill=\\"currentColor\\" d=\\"M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z\\"></path></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-circle\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-cloud-download\\"><path fill=\\"currentColor\\" d=\\"M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zM13 10v9.59l3-3L17.41 18 12 23.41 6.59 18 8 16.59l3 3V10h2z\\"></path></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg><span class=\\"t-button__text\\"> 搜索 </span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/button/_example/shape.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-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-button--variant-base t-button--theme-primary t-button--shape-square\\"><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></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-round\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-circle\\"><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></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-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-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-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></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-round\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-circle\\"><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></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-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-button--variant-dashed 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-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></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-default t-button--shape-round\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-default t-button--shape-circle\\"><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></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-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">文字按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-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></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-round\\"><span class=\\"t-button__text\\">文字按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-circle\\"><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></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/button/_example/shape.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-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-button--variant-base t-button--theme-primary t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-round\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-button--shape-circle\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></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-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-button--variant-outline t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-round\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-circle\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></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-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-button--variant-dashed t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-default t-button--shape-round\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-default t-button--shape-circle\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></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-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">文字按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-round\\"><span class=\\"t-button__text\\">文字按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-circle\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/button/_example/size.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-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s\\"><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-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-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-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-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-button--variant-base t-button--theme-primary t-size-l\\"><span class=\\"t-button__text\\">填充按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-l\\"><span class=\\"t-button__text\\">描边按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-dashed t-button--theme-default t-size-l\\"><span class=\\"t-button__text\\">虚框按钮</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-l\\"><span class=\\"t-button__text\\">文字按钮</span></button></div></div></div></div>"`;
 
@@ -144,13 +144,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__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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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.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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\"><path fill=\\"currentColor\\" d=\\"M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z\\"></path></svg></span></button></div><div class=\\"t-col\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\"></path></svg></span></button></div><div class=\\"t-col\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\"><path fill=\\"currentColor\\" d=\\"M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z\\"></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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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-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-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-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-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-size-m t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">Q</span></div><div class=\\"t-avatar t-size-m t-avatar--circle t-avatar__collapse\\"><span style=\\"transform:;\\">+3</span></div></div></div><div class=\\"t-card__actions\\"><button type=\\"button\\" class=\\"t-button 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-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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\"><path fill=\\"currentColor\\" d=\\"M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z\\"></path></svg></span></button></div><div class=\\"t-col\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\"></path></svg></span></button></div><div class=\\"t-col\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\"><path fill=\\"currentColor\\" d=\\"M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z\\"></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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart\\"><path fill=\\"currentColor\\" d=\\"M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\"><path fill=\\"currentColor\\" d=\\"M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z\\"></path></svg></span></button></div><div class=\\"t-card__actions\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\"><path fill=\\"currentColor\\" d=\\"M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z\\"></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-size-m t-avatar--circle\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></div><div class=\\"t-avatar t-size-m t-avatar--circle\\"><span style=\\"transform:;\\">Q</span></div><div class=\\"t-avatar t-size-m t-avatar--circle t-avatar__collapse\\"><span style=\\"transform:;\\">+3</span></div></div></div><div class=\\"t-card__actions\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\"><path fill=\\"currentColor\\" d=\\"M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z\\"></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-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/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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" data-v-15ae4635><path fill=\\"currentColor\\" d=\\"M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z\\" 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>"`;
 
@@ -160,11 +160,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\\" style=\\"width:56px;height:56px;font-size:28px;\\" data-v-bed46286><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"height:56px;width:56px;\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></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-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-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-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-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-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\\" style=\\"width:56px;height:56px;font-size:28px;\\" data-v-bed46286><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"height:56px;width:56px;\\"><img src=\\"https://tdesign.gtimg.com/site/avatar-boy.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"> </div></div></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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\" data-v-bed46286><path fill=\\"currentColor\\" d=\\"M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z\\" 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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart\\" data-v-bed46286><path fill=\\"currentColor\\" d=\\"M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z\\" data-v-bed46286></path></svg></span></button><button type=\\"button\\" class=\\"t-button 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\" data-v-bed46286><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\" data-v-bed46286></path></svg></span></button><button type=\\"button\\" class=\\"t-button 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\" data-v-bed46286><path fill=\\"currentColor\\" d=\\"M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z\\" 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-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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button 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/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-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-more\\"><path fill=\\"currentColor\\" d=\\"M10.5 3h3v3h-3V3zm0 7.5h3v3h-3v-3zm0 7.5h3v3h-3v-3z\\"></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\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-thumb-up\\"><path fill=\\"currentColor\\" d=\\"M10.88 1.38l1.28.22a4 4 0 013.34 3.94V8h5.32a2 2 0 011.97 2.33l-1.66 10A2 2 0 0119.15 22H7V10.8l3.88-9.42zm1.23 2.26L9 11.2V20h10.15l1.67-10H13.5V5.54a2 2 0 00-1.39-1.9zM4 10v12H2V10h2z\\"></path></svg></span></button></div><div class=\\"t-col\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\"></path></svg></span></button></div><div class=\\"t-col\\" style=\\"flex:auto;display:inline-flex;justify-content:center;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-share\\"><path fill=\\"currentColor\\" d=\\"M16 1.04a4 4 0 11-.86 6.26l-6.28 3.63a3.98 3.98 0 010 2.14l6.28 3.63a4 4 0 11-1 1.73L7.86 14.8a4 4 0 110-5.6l6.28-3.63a4 4 0 011.85-4.53zm3.72 2.46a2 2 0 10-3.46 2 2 2 0 003.46-2zM3.07 12.53a2 2 0 103.86-1.06 2 2 0 00-3.86 1.06zM19 17.77a2 2 0 10-2 3.46 2 2 0 002-3.46z\\"></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\\"> 这是一段很长很长很长很长很长很长很长很长很长很长很长很长
@@ -182,27 +182,27 @@ exports[`ssr snapshot test > renders ./src/card/_example/small.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_example/check-strictly.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-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"1 / 1.2 / 1.2.2\\" 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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>1/1.1/1.1.2/1.1.2.1</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-tag--dark t-tag--close\\"><span>2</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><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>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_example/check-strictly.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-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"1 / 1.2 / 1.2.2\\" 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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>1/1.1/1.1.2/1.1.2.1</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>2</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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-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>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_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-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-tag--dark\\"><span>+2</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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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:10px;\\">+2</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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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:10px;\\">+2</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-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>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_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-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一/子选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>+2</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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一/子选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span style=\\"color:#ED7B2F;margin-left:10px;\\">+2</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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一/子选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span style=\\"color:#00a870;margin-left:10px;\\">+2</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-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>"`;
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/custom-options.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-input t-select-input--empty t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--empty t-cascader\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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>"`;
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/disabled.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-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" title=\\"选项一 / 子选项一\\" 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\\" disabled=\\"disabled\\" class=\\"t-fake-arrow t-cascader__icon t-is-disabled\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>选项一/子选项一</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\\" disabled=\\"disabled\\" class=\\"t-fake-arrow t-cascader__icon t-is-disabled\\"><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>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_example/ellipsis.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-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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></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-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>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_example/ellipsis.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-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>当选项一数据展示文本过长时/子选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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-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>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_example/filterable.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--empty t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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></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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--empty t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_example/filterable.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--empty t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>当选项一数据展示文本过长时/子选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--empty t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_example/keys.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-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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></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-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>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_example/keys.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-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一/子选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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-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>"`;
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/load.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--empty t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"选项1 / 选项1.1 / 选项1.1.1\\" 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>"`;
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/max.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--multiple t-select-input--empty t-cascader\\"><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-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__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-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>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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></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-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>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一/子选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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-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>"`;
 
-exports[`ssr snapshot test > renders ./src/cascader/_example/panel.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"cascader-demo-panel-container\\"><div class=\\"t-cascader__panel t-cascader--normal\\"><ul class=\\"t-cascader__menu narrow-scrollbar\\"><li node=\\"[object Object]\\" cascaderContext=\\"[object Object]\\" class=\\"t-cascader__item t-size-m t-cascader__item--with-icon\\"><span title=\\"选项一\\" role=\\"label\\" class=\\"t-cascader__item-label t-cascader__item-label--ellipsis\\">选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right t-cascader__item-icon t-icon\\"><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></li><li node=\\"[object Object]\\" cascaderContext=\\"[object Object]\\" class=\\"t-cascader__item t-size-m t-cascader__item--with-icon\\"><span title=\\"选项二\\" role=\\"label\\" class=\\"t-cascader__item-label t-cascader__item-label--ellipsis\\">选项二</span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right t-cascader__item-icon t-icon\\"><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></li></ul></div></div></div><div class=\\"t-space-item\\"><div class=\\"cascader-demo-panel-container\\"><div class=\\"t-cascader__panel t-cascader--normal\\"><ul class=\\"t-cascader__menu narrow-scrollbar\\"><li node=\\"[object Object]\\" cascaderContext=\\"[object Object]\\" class=\\"t-cascader__item t-size-m t-cascader__item--with-icon\\"><label tabindex=\\"0\\" title=\\"选项一\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">选项一</span></label><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right t-cascader__item-icon t-icon\\"><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></li><li node=\\"[object Object]\\" cascaderContext=\\"[object Object]\\" class=\\"t-cascader__item t-size-m t-cascader__item--with-icon\\"><label tabindex=\\"0\\" title=\\"选项二\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">选项二</span></label><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right t-cascader__item-icon t-icon\\"><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></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/cascader/_example/panel.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"cascader-demo-panel-container\\"><div class=\\"t-cascader__panel t-cascader--normal\\"><ul class=\\"t-cascader__menu narrow-scrollbar\\"><li node=\\"[object Object]\\" cascaderContext=\\"[object Object]\\" class=\\"t-cascader__item t-size-m t-cascader__item--with-icon\\"><span title=\\"选项一\\" role=\\"label\\" class=\\"t-cascader__item-label t-cascader__item-label--ellipsis\\">选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right t-cascader__item-icon t-icon\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></li><li node=\\"[object Object]\\" cascaderContext=\\"[object Object]\\" class=\\"t-cascader__item t-size-m t-cascader__item--with-icon\\"><span title=\\"选项二\\" role=\\"label\\" class=\\"t-cascader__item-label t-cascader__item-label--ellipsis\\">选项二</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right t-cascader__item-icon t-icon\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></li></ul></div></div></div><div class=\\"t-space-item\\"><div class=\\"cascader-demo-panel-container\\"><div class=\\"t-cascader__panel t-cascader--normal\\"><ul class=\\"t-cascader__menu narrow-scrollbar\\"><li node=\\"[object Object]\\" cascaderContext=\\"[object Object]\\" class=\\"t-cascader__item t-size-m t-cascader__item--with-icon\\"><label tabindex=\\"0\\" title=\\"选项一\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">选项一</span></label><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right t-cascader__item-icon t-icon\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></li><li node=\\"[object Object]\\" cascaderContext=\\"[object Object]\\" class=\\"t-cascader__item t-size-m t-cascader__item--with-icon\\"><label tabindex=\\"0\\" title=\\"选项二\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">选项二</span></label><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right t-cascader__item-icon t-icon\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></li></ul></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/cascader/_example/show-all-levels.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--empty t-cascader\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-select-input--empty t-cascader\\"><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-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__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-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>"`;
 
@@ -225,7 +225,7 @@ exports[`ssr snapshot test > renders ./src/cascader/_example/value-type.vue corr
     &quot;1&quot;,
     &quot;1.2&quot;
   ]
-]</div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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></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-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><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-cascader\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一/子选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一/子选项二</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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-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>"
 `;
 
 exports[`ssr snapshot test > renders ./src/checkbox/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-3e7d6782><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-3e7d6782><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">未选中项</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\" data-v-3e7d6782><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">半选状态</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" data-v-3e7d6782><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-disabled\\" data-v-3e7d6782><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" 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 t-is-disabled\\" data-v-3e7d6782><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">选中禁用项</span></label></div></div>"`;
@@ -246,7 +246,7 @@ exports[`ssr snapshot test > renders ./src/collapse/_example/base.vue correctly
 ]</div></div></div>"
 `;
 
-exports[`ssr snapshot test > renders ./src/collapse/_example/icon.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-collapse\\"><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-collapse-panel__icon--default\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">这是一个折叠标题</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-collapse-panel__icon--default\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">这是一个折叠标题</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">自定义icon1</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">自定义icon2</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'left'\\" value=\\"left\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">左边</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'right'\\" value=\\"right\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">右边</span></label></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:10px;\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">仅图标响应点击</span></label></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/collapse/_example/icon.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-collapse\\"><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-collapse-panel__icon--default\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">这是一个折叠标题</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-collapse-panel__icon--default\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">这是一个折叠标题</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">自定义icon1</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">自定义icon2</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'left'\\" value=\\"left\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">左边</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'right'\\" value=\\"right\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">右边</span></label></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:10px;\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">仅图标响应点击</span></label></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/collapse/_example/mutex.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-collapse\\"><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-collapse-panel__icon--default\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">这是一个折叠标题</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-collapse-panel__icon--default\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">这是一个折叠标题</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-collapse-panel__icon--default\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">这是一个折叠标题</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div><div class=\\"t-collapse-panel\\"><div class=\\"t-collapse-panel__wrapper\\"><div class=\\"t-collapse-panel__header t-is-clickable\\"><div class=\\"t-collapse-panel__header-left\\"><div class=\\"t-collapse-panel__icon t-collapse-panel__icon--left \\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-collapse-panel__icon--default\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></div><div class=\\"t-collapse-panel__header-content\\">这是一个折叠标题</div><div class=\\"t-collapse-panel__header--blank\\"></div><div class=\\"t-collapse-panel__header-right\\"><div class=\\"t-collapse-panel__header-right-content\\"></div></div></div><div name=\\"t-slide-down\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"margin-top:10px;\\">当前展开项：[]</div></div></div>"`;
 
@@ -256,17 +256,17 @@ exports[`ssr snapshot test > renders ./src/collapse/_example/rightSlot.vue corre
 
 exports[`ssr snapshot test > renders ./src/color-picker/_example/color-mode.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-b3486e9a><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:36px;\\" data-v-b3486e9a><div class=\\"t-space-item\\"><div class=\\"item t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-b3486e9a><div class=\\"t-space-item\\"><h5 data-v-b3486e9a>默认（单色 + 线性渐变）</h5></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__trigger\\" data-v-b3486e9a><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:red;\\"></span></div></div><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"red\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">red</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"item t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-b3486e9a><div class=\\"t-space-item\\"><h5 data-v-b3486e9a>仅单色模式</h5></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__trigger\\" data-v-b3486e9a><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:#0052d9;\\"></span></div></div><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"#0052d9\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">#0052d9</span></div></div></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"item t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-b3486e9a><div class=\\"t-space-item\\"><h5 data-v-b3486e9a>仅线性渐变模式</h5></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__trigger\\" data-v-b3486e9a><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:linear-gradient(45deg, #4facfe 0%, #00f2fe 100%);\\"></span></div></div><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)</span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/color-picker/_example/enable-alpha.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(0, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(255, 0, 0);left:230px;top:0px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:0px;color:rgb(255, 0, 0);\\"></span></div></div><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type t-color-picker__alpha t-color-picker--bg-alpha\\"><div class=\\"t-color-picker__slider-padding\\" style=\\"background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(255, 0, 0) 93%, rgb(255, 0, 0) 100%);\\"></div><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\" style=\\"background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255, 0, 0));\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:186px;color:rgb(255, 0, 0);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(255, 0, 0, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"255\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"255\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1.15;\\"><div title=\\"100\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100%\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/color-picker/_example/enable-alpha.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(0, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(255, 0, 0);left:230px;top:0px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:0px;color:rgb(255, 0, 0);\\"></span></div></div><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type t-color-picker__alpha t-color-picker--bg-alpha\\"><div class=\\"t-color-picker__slider-padding\\" style=\\"background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(255, 0, 0) 93%, rgb(255, 0, 0) 100%);\\"></div><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\" style=\\"background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255, 0, 0));\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:186px;color:rgb(255, 0, 0);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(255, 0, 0, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"255\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"255\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1.15;\\"><div title=\\"100\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100%\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/color-picker/_example/panel.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-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label>单色</label></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><!----><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:112px;color:rgb(0, 82, 217);\\"></span></div></div></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"82\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"82\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"217\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"217\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label>渐变</label></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><!----><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__gradient\\"><div class=\\"t-color-picker__gradient-slider\\"><div tabindex=\\"0\\" class=\\"t-color-picker__slider t-color-picker--bg-alpha\\"><ul class=\\"gradient-thumbs\\" style=\\"background:linear-gradient(90deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%);\\"><li title=\\"rgb(79, 172, 254) 0%\\" class=\\"t-color-picker__thumb gradient-thumbs__item t-is-active\\" style=\\"color:rgb(79, 172, 254);left:0%;\\"><span class=\\"gradient-thumbs__item-inner t-color-picker--bg-alpha\\"></span></li><li title=\\"rgb(0, 242, 254) 100%\\" class=\\"t-color-picker__thumb gradient-thumbs__item\\" style=\\"color:rgb(0, 242, 254);left:100%;\\"><span class=\\"gradient-thumbs__item-inner t-color-picker--bg-alpha\\"></span></li></ul></div></div><div title=\\"45deg\\" class=\\"t-color-picker__gradient-degree\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"45°\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-color-picker__gradient-preview t-color-picker--bg-alpha\\"><span class=\\"preview-inner\\" style=\\"background:linear-gradient(45deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%);\\"></span></div></div><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(208.11428571428573, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(79, 172, 254);left:158px;top:1px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:108px;color:rgb(79, 172, 254);\\"></span></div></div><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type t-color-picker__alpha t-color-picker--bg-alpha\\"><div class=\\"t-color-picker__slider-padding\\" style=\\"background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(79, 172, 254) 93%, rgb(79, 172, 254) 100%);\\"></div><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\" style=\\"background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(79, 172, 254));\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:186px;color:rgb(79, 172, 254);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:linear-gradient(45deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"CSS\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3;\\"><div class=\\"t-input__wrap\\"><div title=\\"linear-gradient(45deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%)\\" class=\\"t-input t-size-s t-align-center\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"linear-gradient(45deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%)\\" class=\\"t-input__inner\\"></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1.15;\\"><div title=\\"100\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100%\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/color-picker/_example/panel.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-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label>单色</label></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><!----><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:112px;color:rgb(0, 82, 217);\\"></span></div></div></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"82\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"82\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"217\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"217\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label>渐变</label></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><!----><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__gradient\\"><div class=\\"t-color-picker__gradient-slider\\"><div tabindex=\\"0\\" class=\\"t-color-picker__slider t-color-picker--bg-alpha\\"><ul class=\\"gradient-thumbs\\" style=\\"background:linear-gradient(90deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%);\\"><li title=\\"rgb(79, 172, 254) 0%\\" class=\\"t-color-picker__thumb gradient-thumbs__item t-is-active\\" style=\\"color:rgb(79, 172, 254);left:0%;\\"><span class=\\"gradient-thumbs__item-inner t-color-picker--bg-alpha\\"></span></li><li title=\\"rgb(0, 242, 254) 100%\\" class=\\"t-color-picker__thumb gradient-thumbs__item\\" style=\\"color:rgb(0, 242, 254);left:100%;\\"><span class=\\"gradient-thumbs__item-inner t-color-picker--bg-alpha\\"></span></li></ul></div></div><div title=\\"45deg\\" class=\\"t-color-picker__gradient-degree\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"45°\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-color-picker__gradient-preview t-color-picker--bg-alpha\\"><span class=\\"preview-inner\\" style=\\"background:linear-gradient(45deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%);\\"></span></div></div><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(208.11428571428573, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(79, 172, 254);left:158px;top:1px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:108px;color:rgb(79, 172, 254);\\"></span></div></div><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type t-color-picker__alpha t-color-picker--bg-alpha\\"><div class=\\"t-color-picker__slider-padding\\" style=\\"background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(79, 172, 254) 93%, rgb(79, 172, 254) 100%);\\"></div><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\" style=\\"background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(79, 172, 254));\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:186px;color:rgb(79, 172, 254);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:linear-gradient(45deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"CSS\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3;\\"><div class=\\"t-input__wrap\\"><div title=\\"linear-gradient(45deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%)\\" class=\\"t-input t-size-s t-align-center\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"linear-gradient(45deg,rgb(79, 172, 254) 0%,rgb(0, 242, 254) 100%)\\" class=\\"t-input__inner\\"></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1.15;\\"><div title=\\"100\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100%\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/color-picker/_example/recent-color.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-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h6>预设最近使用色</h6></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(0, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(255, 0, 0);left:230px;top:0px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:0px;color:rgb(255, 0, 0);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(255, 0, 0, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"255\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"255\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></span><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-delete\\"><path fill=\\"currentColor\\" d=\\"M6 12V6h1v6H6zM9 6v6h1V6H9z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item t-is-active\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:red;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:green;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:yellow;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:blue;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:purple;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:linear-gradient(to right, #fa709a 0%, #fee140 100%);\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%);\\"></span></div></li></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h6>完全不显示最近使用色</h6></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(0, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(255, 0, 0);left:230px;top:0px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:0px;color:rgb(255, 0, 0);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(255, 0, 0, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"255\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"255\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/color-picker/_example/recent-color.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-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h6>预设最近使用色</h6></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(0, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(255, 0, 0);left:230px;top:0px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:0px;color:rgb(255, 0, 0);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(255, 0, 0, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"255\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"255\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-delete\\"><path fill=\\"currentColor\\" d=\\"M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item t-is-active\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:red;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:green;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:yellow;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:blue;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:purple;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:linear-gradient(to right, #fa709a 0%, #fee140 100%);\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%);\\"></span></div></li></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h6>完全不显示最近使用色</h6></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(0, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(255, 0, 0);left:230px;top:0px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:0px;color:rgb(255, 0, 0);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(255, 0, 0, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"255\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"255\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/color-picker/_example/status-disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-disabled t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:red;\\"></span></div></div><input disabled=\\"disabled\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"red\\" value=\\"red\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">red</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/color-picker/_example/status-readonly.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-color-picker__panel t-is-disabled t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" 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-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:112px;color:rgb(0, 82, 217);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" title=\\"RGB\\" value=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"0\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"82\\" class=\\"t-input-number t-size-s t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"82\\" value=\\"82\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"217\\" class=\\"t-input-number t-size-s t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"217\\" value=\\"217\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/color-picker/_example/status-readonly.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-color-picker__panel t-is-disabled t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label class=\\"t-radio-button t-is-checked t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" 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-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:112px;color:rgb(0, 82, 217);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" title=\\"RGB\\" value=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"0\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"82\\" class=\\"t-input-number t-size-s t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"82\\" value=\\"82\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"217\\" class=\\"t-input-number t-size-s t-is-disabled t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"217\\" value=\\"217\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ECF2FE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D4E3FC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BBD3FB;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#96BBF8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#699EF5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#4787F0;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#266FE8;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0052D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#0034B5;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#001F97;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FDECEE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9D7D9;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F8B9BE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F78D94;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F36D78;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E34D59;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#C9353F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#B11F26;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#951114;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#680506;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#FEF3E6;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F9E0C7;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F7C797;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#F2995F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#ED7B2F;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#D35A21;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BA431B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#9E3610;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#842B0B;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#5A1907;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#E8F8F2;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#BCEBDC;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#85DBBE;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#48C79C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#00A870;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#078D5C;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#067945;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#056334;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#044F2A;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:#033017;\\"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/color-picker/_example/swatch-color.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-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h6>自定义系统色</h6></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:112px;color:rgb(0, 82, 217);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"82\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"82\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"217\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"217\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:red;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:green;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:yellow;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:blue;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:purple;\\"></span></div></li></ul></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h6>完全不显示系统色</h6></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:112px;color:rgb(0, 82, 217);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"82\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"82\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"217\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"217\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/color-picker/_example/swatch-color.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-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h6>自定义系统色</h6></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:112px;color:rgb(0, 82, 217);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"82\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"82\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"217\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"217\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:red;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:green;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:yellow;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:blue;\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--inner\\" style=\\"background:purple;\\"></span></div></li></ul></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h6>完全不显示系统色</h6></div><div class=\\"t-space-item\\"><div class=\\"t-color-picker__panel t-is-inline\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'monochrome'\\" value=\\"monochrome\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'linear-gradient'\\" value=\\"linear-gradient\\" 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-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%);\\"><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px;\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type t-color-picker__hue\\"><div class=\\"t-color-picker__slider\\"><div class=\\"t-color-picker__rail\\"></div><span role=\\"slider\\" tabindex=\\"0\\" class=\\"t-color-picker__thumb\\" style=\\"left:112px;color:rgb(0, 82, 217);\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1);\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s 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=\\"RGB\\" 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-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"0\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"82\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"82\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1;\\"><div title=\\"217\\" class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"217\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/color-picker/_example/trigger.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:#0052d9;\\"></span></div></div><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"#0052d9\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">#0052d9</span></div></div></div></div>"`;
 
@@ -284,45 +284,45 @@ exports[`ssr snapshot test > renders ./src/comment/_example/reply-form.vue corre
 
 exports[`ssr snapshot test > renders ./src/config-provider/_example/calendar.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-calendar t-calendar--full\\" style=\\"padding:16px;\\" data-v-2441a166 data-v-2441a166><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-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=\\"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-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=\\"December\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">December</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 tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'month'\\" value=\\"month\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">Month</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'year'\\" value=\\"year\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">Year</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\\">Hide Weekend</span></div><div class=\\"t-calendar__control-section-cell\\"><button type=\\"button\\" size=\\"medium\\" class=\\"t-button t-button--variant-base t-button--theme-warning t-size-s\\"><span class=\\"t-button__text\\">Today</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>Sunday</span></th><th class=\\"t-calendar__table-head-cell\\"><span>Monday</span></th><th class=\\"t-calendar__table-head-cell\\"><span>Tuesday</span></th><th class=\\"t-calendar__table-head-cell\\"><span>Wednesday</span></th><th class=\\"t-calendar__table-head-cell\\"><span>Thursday</span></th><th class=\\"t-calendar__table-head-cell\\"><span>Friday</span></th><th class=\\"t-calendar__table-head-cell\\"><span>Saturday</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\\">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\\">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><div class=\\"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></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\\">1</div><div class=\\"t-calendar__table-body-cell-content\\"></div></div></div></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/config-provider/_example/date-picker.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item__locale-provider-date-picker\\" data-v-a34a89d6><div class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select date\\" 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><br data-v-a34a89d6><br data-v-a34a89d6><div range=\\"\\" class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select date\\" 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><br data-v-a34a89d6><br data-v-a34a89d6><div class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select month\\" 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><br data-v-a34a89d6><br data-v-a34a89d6><div range=\\"\\" class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select month\\" 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><br data-v-a34a89d6><br data-v-a34a89d6><div class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select year\\" 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><br data-v-a34a89d6><br data-v-a34a89d6><div range=\\"\\" class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select year\\" 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><br data-v-a34a89d6><br data-v-a34a89d6></div>"`;
+exports[`ssr snapshot test > renders ./src/config-provider/_example/date-picker.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item__locale-provider-date-picker\\" data-v-a34a89d6><div class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select date\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div><br data-v-a34a89d6><br data-v-a34a89d6><div range=\\"\\" class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select date\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div><br data-v-a34a89d6><br data-v-a34a89d6><div class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select month\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div><br data-v-a34a89d6><br data-v-a34a89d6><div range=\\"\\" class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select month\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div><br data-v-a34a89d6><br data-v-a34a89d6><div class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select year\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div><br data-v-a34a89d6><br data-v-a34a89d6><div range=\\"\\" class=\\"t-date-picker\\" data-v-a34a89d6><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"select year\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div><br data-v-a34a89d6><br data-v-a34a89d6></div>"`;
 
 exports[`ssr snapshot test > renders ./src/config-provider/_example/dialog.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" style=\\"width:480px;padding:16px;\\" data-v-6be7f270 data-v-6be7f270><div duration=\\"300\\" name=\\"t-dialog-zoom__vue\\" data-v-6be7f270></div><br data-v-6be7f270><div duration=\\"300\\" name=\\"t-dialog-zoom__vue\\" data-v-6be7f270></div><br data-v-6be7f270><div duration=\\"300\\" name=\\"t-dialog-zoom__vue\\" data-v-6be7f270></div><br data-v-6be7f270><div duration=\\"300\\" name=\\"t-dialog-zoom__vue\\" data-v-6be7f270></div><br data-v-6be7f270><div duration=\\"300\\" name=\\"t-dialog-zoom__vue\\" data-v-6be7f270></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/config-provider/_example/global.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><p>使用<code>t-config-provider</code>包裹业务功能的最外层组件，点击下方图标查看示例代码</p></div><div class=\\"t-space-item\\"><p>英文语言包引入路径：<code>import enConfig from 'tdesign-vue/es/locale/en_US';</code></p></div><div class=\\"t-space-item\\"><p>中文语言包引入路径：<code>import zhConfig from 'tdesign-vue/es/locale/zh_CN';</code></p></div><div class=\\"t-space-item\\"><p>日文语言包引入路径：<code>import jpConfig from 'tdesign-vue/es/locale/ja_JP';</code></p></div><div class=\\"t-space-item\\"><p>韩文语言包引入路径：<code>import koConfig from 'tdesign-vue/es/locale/ko_KR';</code></p></div></div>"`;
 
-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-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/input.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z\\"></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\\"><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-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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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-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-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\\" 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><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-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\\" 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><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-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\\" value=\\"\\" 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 12 12\\" 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=\\"0\\" y=\\"0\\" 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-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-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-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\\" 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\\"><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-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\\" value=\\"\\" 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 12 12\\" 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=\\"0\\" y=\\"0\\" 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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"tree select\\" 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\\"><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-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-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-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-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-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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 title=\\"Department A\\" 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 title=\\"Department B\\" 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 class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:300px;\\" data-v-96b659ea><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></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\\"><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-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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>content 19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></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-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\\" 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><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-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\\" 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><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-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\\" value=\\"\\" 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 12 12\\" 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=\\"0\\" y=\\"0\\" 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-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-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-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\\" 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\\"><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-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\\" value=\\"\\" 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 12 12\\" 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=\\"0\\" y=\\"0\\" 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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"tree select\\" 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\\"><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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></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-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--close\\" data-v-96b659ea><span>Feature Tag</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z\\"></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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"Department A\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"Department B\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></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 class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:300px;\\" data-v-96b659ea><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></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-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\\"><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>"`;
+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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></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\\"><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>"`;
 
 exports[`ssr snapshot test > renders ./src/config-provider/_example/popconfirm.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item__config-provider-base\\" style=\\"padding:16px;\\" data-v-1f100e12 data-v-1f100e12><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-1f100e12 data-v-1f100e12><span class=\\"t-button__text\\">Default</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-warning\\" data-v-1f100e12 data-v-1f100e12><span class=\\"t-button__text\\">Warning</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger\\" data-v-1f100e12 data-v-1f100e12><span class=\\"t-button__text\\">Danger</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-1f100e12><span class=\\"t-button__text\\">Open Drawer</span></button><div duration=\\"[object Object]\\" data-v-1f100e12></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/config-provider/_example/table.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" style=\\"padding:16px;\\" data-v-7dcbc254><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\" data-v-7dcbc254><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"type\\" class=\\"t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>Type</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Platform</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Property</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-table__empty-row\\"><td colspan=\\"3\\"><div class=\\"t-table__empty\\"></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div><br data-v-7dcbc254><br data-v-7dcbc254><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-7dcbc254><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:64px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"__EXPAND_ROW_ICON_COLUMN__\\" class=\\"t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"type\\" class=\\"t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>Type</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Platform</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Property</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><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></span></td><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><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></span></td><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><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></span></td><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div><br data-v-7dcbc254><br data-v-7dcbc254></div>"`;
+exports[`ssr snapshot test > renders ./src/config-provider/_example/table.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" style=\\"padding:16px;\\" data-v-7dcbc254><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\" data-v-7dcbc254><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"type\\" class=\\"t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>Type</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Platform</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Property</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span></div><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-table__empty-row\\"><td colspan=\\"3\\"><div class=\\"t-table__empty\\"></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div><br data-v-7dcbc254><br data-v-7dcbc254><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-7dcbc254><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:64px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"__EXPAND_ROW_ICON_COLUMN__\\" class=\\"t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"type\\" class=\\"t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>Type</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Platform</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>Property</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:18px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span></div><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></td><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></td><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></span></td><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div><br data-v-7dcbc254><br data-v-7dcbc254></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/base.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly test-inputClass 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 class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/base.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly test-inputClass 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/custom-icon.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></span><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-lock-on\\"><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></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/custom-icon.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg></span><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/date-presets-alt.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-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-01-01\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-08-08\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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 class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-01-01 00:00:00\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-08-08 23:59:59\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/date-presets-alt.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-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-01-01\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-08-08\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-01-01 00:00:00\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"2022-08-08 23:59:59\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/date-range.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-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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 class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/date-range.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-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/date-time.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/date-time.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/disable-date.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 3 天外的日期\\" 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 class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 5 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 5 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/disable-date.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 3 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 5 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input t-is-readonly\\"><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"禁用最近 5 天外的日期\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/first-day-of-week.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-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"1\\" value=\\"1\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">1</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">2</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"3\\" value=\\"3\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">3</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"4\\" value=\\"4\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">4</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"5\\" value=\\"5\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">5</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"6\\" value=\\"6\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">6</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"7\\" value=\\"7\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">7</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/first-day-of-week.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-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"1\\" value=\\"1\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">1</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">2</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"3\\" value=\\"3\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">3</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"4\\" value=\\"4\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">4</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"5\\" value=\\"5\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">5</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"6\\" value=\\"6\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">6</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"7\\" value=\\"7\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">7</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/month.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/month.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择月份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/panel.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-picker__panel\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><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><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__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></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div></div><!----></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-picker__panel\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><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><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__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></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div><div class=\\"t-date-picker__panel-time\\"><div class=\\"t-date-picker__panel-time-viewer\\">00:00:00</div><div class=\\"t-time-picker__panel\\"><div class=\\"t-time-picker__panel-section-body\\"><div class=\\"t-time-picker__panel-body\\"><div class=\\"t-time-picker__panel-body-active-mask\\"></div></div></div></div></div></div><div class=\\"t-date-picker__footer t-date-picker__footer--bottom\\"><div class=\\"t-date-picker__presets\\"></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s t-is-disabled\\"><span class=\\"t-button__text\\">确定</span></button></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-range-picker__panel\\"><div class=\\"t-date-range-picker__panel-content-wrapper\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"2 月\\" 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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"2022\\" 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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><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><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__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></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--active t-date-picker__cell--highlight t-date-picker__cell--active-start\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--active t-date-picker__cell--highlight t-date-picker__cell--active-end\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr></tbody></table></div></div></div><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"3 月\\" 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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"2022\\" 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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><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><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__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></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td></tr></tbody></table></div></div></div></div><!----></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-range-picker__panel\\"><div class=\\"t-date-range-picker__panel-content-wrapper\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><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><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__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></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div><div class=\\"t-date-picker__panel-time\\"><div class=\\"t-date-picker__panel-time-viewer\\">00:00:00</div><div class=\\"t-time-picker__panel\\"><div class=\\"t-time-picker__panel-section-body\\"><div class=\\"t-time-picker__panel-body\\"><div class=\\"t-time-picker__panel-body-active-mask\\"></div></div></div></div></div></div></div><div class=\\"t-date-picker__footer t-date-picker__footer--bottom\\"><div class=\\"t-date-picker__presets\\"></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s t-is-disabled\\"><span class=\\"t-button__text\\">确定</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/panel.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-picker__panel\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div></div><!----></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-picker__panel\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div><div class=\\"t-date-picker__panel-time\\"><div class=\\"t-date-picker__panel-time-viewer\\">00:00:00</div><div class=\\"t-time-picker__panel\\"><div class=\\"t-time-picker__panel-section-body\\"><div class=\\"t-time-picker__panel-body\\"><div class=\\"t-time-picker__panel-body-active-mask\\"></div></div></div></div></div></div><div class=\\"t-date-picker__footer t-date-picker__footer--bottom\\"><div class=\\"t-date-picker__presets\\"></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s t-is-disabled\\"><span class=\\"t-button__text\\">确定</span></button></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-range-picker__panel\\"><div class=\\"t-date-range-picker__panel-content-wrapper\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"2 月\\" 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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"2022\\" 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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--active t-date-picker__cell--highlight t-date-picker__cell--active-start\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--highlight\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--active t-date-picker__cell--highlight t-date-picker__cell--active-end\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr></tbody></table></div></div></div><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"3 月\\" 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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"2022\\" 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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td></tr></tbody></table></div></div></div></div><!----></div></div></div><div class=\\"t-space-item\\"><div class=\\"date-picker-panel-border\\"><div class=\\"t-date-range-picker__panel\\"><div class=\\"t-date-range-picker__panel-content-wrapper\\"><div class=\\"t-date-picker__panel-content\\"><div class=\\"t-date-picker__panel-date\\"><div class=\\"t-date-picker__header\\"><div class=\\"t-date-picker__header-controller\\"><div class=\\"t-select__wrap t-date-picker__header-controller-month\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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 class=\\"t-select__wrap t-date-picker__header-controller-year\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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__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-pagination-mini\\"><button type=\\"button\\" title=\\"上个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button><button type=\\"button\\" title=\\"当前\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z\\"></path></svg></button><button type=\\"button\\" title=\\"下个月\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s t-button--shape-square t-pagination-mini__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button></div></div><div class=\\"t-date-picker__table\\"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th></tr></thead><tbody><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--first-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">10</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">11</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">12</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">13</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">14</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">15</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">16</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">17</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">18</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">19</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">20</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">21</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">22</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">23</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">24</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">25</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">26</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">27</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">28</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">29</div></td><td class=\\"t-date-picker__cell\\"><div class=\\"t-date-picker__cell-inner\\">30</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--now t-date-picker__cell--last-day-of-month\\"><div class=\\"t-date-picker__cell-inner\\">31</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">1</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">2</div></td></tr><tr class=\\"t-date-picker__table-date-row\\"><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">3</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">4</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">5</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">6</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">7</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">8</div></td><td class=\\"t-date-picker__cell t-date-picker__cell--additional\\"><div class=\\"t-date-picker__cell-inner\\">9</div></td></tr></tbody></table></div></div><div class=\\"t-date-picker__panel-time\\"><div class=\\"t-date-picker__panel-time-viewer\\">00:00:00</div><div class=\\"t-time-picker__panel\\"><div class=\\"t-time-picker__panel-section-body\\"><div class=\\"t-time-picker__panel-body\\"><div class=\\"t-time-picker__panel-body-active-mask\\"></div></div></div></div></div></div></div><div class=\\"t-date-picker__footer t-date-picker__footer--bottom\\"><div class=\\"t-date-picker__presets\\"></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s t-is-disabled\\"><span class=\\"t-button__text\\">确定</span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/quarter.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/week.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/week.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/date-picker/_example/year.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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 class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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>"`;
+exports[`ssr snapshot test > renders ./src/date-picker/_example/year.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-date-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-date-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\"> - </div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请选择年份\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/dialog/_example/async.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">异步加载类按钮</span></button><div duration=\\"300\\" name=\\"t-dialog-zoom__vue\\"></div></div>"`;
 
@@ -370,23 +370,23 @@ exports[`ssr snapshot test > renders ./src/drawer/_example/size.vue correctly 1`
 
 exports[`ssr snapshot test > renders ./src/drawer/_example/size-draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div duration=\\"[object Object]\\"></div><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'left'\\" value=\\"left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">从左侧拖拽抽屉</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'right'\\" value=\\"right\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">从右侧拖拽抽屉</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'top'\\" value=\\"top\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">从上方拖拽抽屉</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'bottom'\\" value=\\"bottom\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">从下方拖拽抽屉</span></label></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">打开抽屉</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/dropdown/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown\\" data-v-31515850><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\" data-v-31515850 data-v-31515850><span class=\\"t-button__text\\"><span class=\\"tdesign-demo-dropdown__text\\" data-v-31515850> 更多 <svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\" data-v-31515850><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-31515850></path></svg></span></span></button></div>"`;
+exports[`ssr snapshot test > renders ./src/dropdown/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown\\" data-v-31515850><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\" data-v-31515850 data-v-31515850><span class=\\"t-button__text\\"><span class=\\"tdesign-demo-dropdown__text\\" data-v-31515850> 更多 <svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\" data-v-31515850><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\" data-v-31515850></path></svg></span></span></button></div>"`;
 
 exports[`ssr snapshot test > renders ./src/dropdown/_example/button.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-b123bb1e><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square\\" data-v-b123bb1e data-v-b123bb1e><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-ellipsis\\" style=\\"font-size:16;\\" data-v-b123bb1e><use href=\\"#t-icon-ellipsis\\"></use></svg></span></button></div>"`;
 
 exports[`ssr snapshot test > renders ./src/dropdown/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-33c84f30><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\" data-v-33c84f30 data-v-33c84f30><span class=\\"t-button__text\\">下拉菜单</span></button></div>"`;
 
-exports[`ssr snapshot test > renders ./src/dropdown/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\"><span class=\\"tdesign-demo-dropdown__text\\"> 下拉菜单 <svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" slot=\\"suffix\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\"><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></span></button></div>"`;
+exports[`ssr snapshot test > renders ./src/dropdown/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\"><span class=\\"tdesign-demo-dropdown__text\\"> 下拉菜单 <svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" slot=\\"suffix\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></span></button></div>"`;
 
 exports[`ssr snapshot test > renders ./src/dropdown/_example/event.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">下拉菜单</span></button></div>"`;
 
-exports[`ssr snapshot test > renders ./src/dropdown/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown\\" data-v-6bf179f8><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\" data-v-6bf179f8 data-v-6bf179f8><span class=\\"t-button__text\\"><span class=\\"tdesign-demo-dropdown__text\\" data-v-6bf179f8> 更多 <svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\" data-v-6bf179f8><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-6bf179f8></path></svg></span></span></button></div>"`;
+exports[`ssr snapshot test > renders ./src/dropdown/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown\\" data-v-6bf179f8><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\" data-v-6bf179f8 data-v-6bf179f8><span class=\\"t-button__text\\"><span class=\\"tdesign-demo-dropdown__text\\" data-v-6bf179f8> 更多 <svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\" data-v-6bf179f8><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\" data-v-6bf179f8></path></svg></span></span></button></div>"`;
 
 exports[`ssr snapshot test > renders ./src/dropdown/_example/left.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-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\"> 下拉菜单 </span></button></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/dropdown/_example/long.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-1c484a7b><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\" data-v-1c484a7b data-v-1c484a7b><span class=\\"t-button__text\\">下拉菜单</span></button></div>"`;
 
-exports[`ssr snapshot test > renders ./src/dropdown/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\"> 下拉菜单 </span><span class=\\"t-button__suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\"><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></button></div>"`;
+exports[`ssr snapshot test > renders ./src/dropdown/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\"> 下拉菜单 </span><span class=\\"t-button__suffix\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></button></div>"`;
 
 exports[`ssr snapshot test > renders ./src/dropdown/_example/slot.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-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h4>支持直接使用 t-dropdown-menu</h4></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h4>兼容历史版本 通过 dropdown 具名插槽的使用</h4></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">下拉菜单</span></button></div></div></div></div>"`;
 
@@ -394,31 +394,31 @@ exports[`ssr snapshot test > renders ./src/dropdown/_example/split.vue correctly
 
 exports[`ssr snapshot test > renders ./src/dropdown/_example/theme.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-dropdown t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\"> 下拉菜单 </span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/align.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"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 tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'left'\\" value=\\"left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'right'\\" value=\\"right\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'top'\\" value=\\"top\\" 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__name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><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-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></form></div></div>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/align.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"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 tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'left'\\" value=\\"left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'right'\\" value=\\"right\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'top'\\" value=\\"top\\" 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__name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__password\\"><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-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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/base.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\" data-v-2450e2c3><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\" data-v-2450e2c3><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-2450e2c3><div class=\\"t-input\\"><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-2450e2c3><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-2450e2c3><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"年龄\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-2450e2c3><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-2450e2c3><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-2450e2c3><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-2450e2c3><div class=\\"t-input 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-2450e2c3><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-2450e2c3><div class=\\"t-input\\"><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-2450e2c3><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-2450e2c3><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-2450e2c3><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-2450e2c3><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'female'\\" value=\\"female\\" 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-2450e2c3><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\" data-v-2450e2c3><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-2450e2c3><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-2450e2c3><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-2450e2c3><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-2450e2c3><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-2450e2c3><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-2450e2c3><div class=\\"t-input\\"><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-2450e2c3><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-2450e2c3><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-2450e2c3><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-tree-select\\" data-v-2450e2c3><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><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-2450e2c3><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\" data-v-2450e2c3><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-2450e2c3><span class=\\"t-button__text\\">提交</span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-2450e2c3><span class=\\"t-button__text\\">重置</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-2450e2c3><span class=\\"t-button__text\\">清空校验结果</span></button></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/base.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\" data-v-2450e2c3><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\" data-v-2450e2c3><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-2450e2c3><div class=\\"t-input\\"><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-2450e2c3><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-2450e2c3><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div></div><div class=\\"t-form__item t-form-item__region\\" data-v-2450e2c3><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-2450e2c3><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-2450e2c3><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-2450e2c3><div class=\\"t-input 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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\" data-v-2450e2c3><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-2450e2c3><div class=\\"t-input\\"><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-2450e2c3><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-2450e2c3><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-2450e2c3><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-2450e2c3><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'female'\\" value=\\"female\\" 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-2450e2c3><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\" data-v-2450e2c3><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-2450e2c3><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-2450e2c3><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-2450e2c3><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-2450e2c3><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__content.url\\" data-v-2450e2c3><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-2450e2c3><div class=\\"t-input\\"><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-2450e2c3><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-2450e2c3><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-2450e2c3><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-tree-select\\" data-v-2450e2c3><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><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-2450e2c3><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\" data-v-2450e2c3><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-2450e2c3><span class=\\"t-button__text\\">提交</span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-2450e2c3><span class=\\"t-button__text\\">重置</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-2450e2c3><span class=\\"t-button__text\\">清空校验结果</span></button></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/clear-validate.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\" data-v-6f67d4f0><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\" data-v-6f67d4f0><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-6f67d4f0><div class=\\"t-input\\"><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__description t-form__item-with-help\\" data-v-6f67d4f0><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\\" data-v-6f67d4f0><div class=\\"t-input\\"><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__password\\" data-v-6f67d4f0><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-6f67d4f0><div class=\\"t-input 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-6f67d4f0><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-6f67d4f0><div class=\\"t-input\\"><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-6f67d4f0><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-6f67d4f0><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-6f67d4f0><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-6f67d4f0><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'female'\\" value=\\"female\\" 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-6f67d4f0><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\" data-v-6f67d4f0><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-6f67d4f0><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=\\"demo-select-base t-select__wrap\\" data-v-6f67d4f0><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-form__item t-form-item__date\\" data-v-6f67d4f0><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\\" data-v-6f67d4f0><div class=\\"t-input\\"><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__content.url\\" data-v-6f67d4f0><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-6f67d4f0><div class=\\"t-input\\"><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__\\" style=\\"margin-left:100px;\\" data-v-6f67d4f0><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\" data-v-6f67d4f0><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-6f67d4f0><span class=\\"t-button__text\\"> 提交 </span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-6f67d4f0><span class=\\"t-button__text\\"> 重置 </span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-6f67d4f0><span class=\\"t-button__text\\"> 清空校验结果 </span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-6f67d4f0><span class=\\"t-button__text\\"> 清除指定字段的校验结果 </span></button></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/clear-validate.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\" data-v-6f67d4f0><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\" data-v-6f67d4f0><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-6f67d4f0><div class=\\"t-input\\"><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__description t-form__item-with-help\\" data-v-6f67d4f0><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\\" data-v-6f67d4f0><div class=\\"t-input\\"><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__password\\" data-v-6f67d4f0><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-6f67d4f0><div class=\\"t-input 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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\" data-v-6f67d4f0><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-6f67d4f0><div class=\\"t-input\\"><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-6f67d4f0><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-6f67d4f0><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-6f67d4f0><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-6f67d4f0><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'female'\\" value=\\"female\\" 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-6f67d4f0><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\" data-v-6f67d4f0><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-6f67d4f0><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=\\"demo-select-base t-select__wrap\\" data-v-6f67d4f0><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-form__item t-form-item__date\\" data-v-6f67d4f0><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\\" data-v-6f67d4f0><div class=\\"t-input\\"><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__content.url\\" data-v-6f67d4f0><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-6f67d4f0><div class=\\"t-input\\"><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__\\" style=\\"margin-left:100px;\\" data-v-6f67d4f0><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\" data-v-6f67d4f0><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-6f67d4f0><span class=\\"t-button__text\\"> 提交 </span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-6f67d4f0><span class=\\"t-button__text\\"> 重置 </span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-6f67d4f0><span class=\\"t-button__text\\"> 清空校验结果 </span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-6f67d4f0><span class=\\"t-button__text\\"> 清除指定字段的校验结果 </span></button></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/custom-validator.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account\\"><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\\"><div class=\\"t-input\\"><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__password t-form__item-with-help\\"><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\\"><div class=\\"t-input 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 class=\\"t-input__help\\">同一个校验方法可输出不同的错误信息和类型，依次输入：1234 观察变化</div></div></div><div class=\\"t-form__item t-form-item__rePassword t-form__item-with-help\\"><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\\"><div class=\\"t-input 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 class=\\"t-input__help\\">自定义异步校验方法</div></div></div><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/custom-validator.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account\\"><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\\"><div class=\\"t-input\\"><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__password t-form__item-with-help\\"><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\\"><div class=\\"t-input 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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div><div class=\\"t-input__help\\">同一个校验方法可输出不同的错误信息和类型，依次输入：1234 观察变化</div></div></div><div class=\\"t-form__item t-form-item__rePassword t-form__item-with-help\\"><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\\"><div class=\\"t-input 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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div><div class=\\"t-input__help\\">自定义异步校验方法</div></div></div><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;margin-left:36px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" variant=\\"default-filled\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--colon 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__wrap\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-form__item t-form-item__address1\\"><div class=\\"t-form__label t-form__label--colon 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\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择寄件地址\\" type=\\"text\\" unselectable=\\"on\\" title=\\"\\" 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\\"><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__address2\\"><div class=\\"t-form__label t-form__label--colon 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\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择收件地址\\" type=\\"text\\" unselectable=\\"on\\" title=\\"\\" 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\\" disabled=\\"disabled\\" 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__date\\"><div class=\\"t-form__label t-form__label--colon 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\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" title=\\"\\" 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__personalProfile\\"><div class=\\"t-form__label t-form__label--colon 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 clearable=\\"\\" class=\\"t-textarea\\"><textarea clearable=\\"\\" placeholder=\\"请用一句话介绍自己\\" unselectable=\\"off\\" class=\\"t-textarea__inner\\"></textarea></div></div></div></div><div class=\\"t-form__item t-form-item__message\\"><div class=\\"t-form__label t-form__label--colon 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-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><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--colon 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\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'1'\\" value=\\"1\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'2'\\" value=\\"2\\" 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\\"><div class=\\"t-form__label t-form__label--colon 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" value=\\"3\\" 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__gradePoint\\"><div class=\\"t-form__label t-form__label--colon 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-is-disabled t-input-number--row\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square t-input-number__decrease t-is-disabled\\"><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-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"分数值\\" type=\\"text\\" unselectable=\\"off\\" title=\\"\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square t-input-number__increase t-is-disabled\\"><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__avatar\\"><div class=\\"t-form__label t-form__label--colon 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-upload\\"><input type=\\"file\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__card-content t-upload__card-box\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" class=\\"t-upload__card-image\\"><div class=\\"t-upload__card-mask\\"><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传</small></div></div></div></div><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-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/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;margin-left:36px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" variant=\\"default-filled\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__college\\"><div class=\\"t-form__label t-form__label--colon 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__wrap\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-form__item t-form-item__address1\\"><div class=\\"t-form__label t-form__label--colon 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\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择寄件地址\\" type=\\"text\\" unselectable=\\"on\\" title=\\"\\" 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\\"><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__address2\\"><div class=\\"t-form__label t-form__label--colon 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\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择收件地址\\" type=\\"text\\" unselectable=\\"on\\" title=\\"\\" 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\\" disabled=\\"disabled\\" 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__date\\"><div class=\\"t-form__label t-form__label--colon 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\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择日期\\" type=\\"text\\" unselectable=\\"on\\" title=\\"\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__personalProfile\\"><div class=\\"t-form__label t-form__label--colon 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 clearable=\\"\\" class=\\"t-textarea\\"><textarea clearable=\\"\\" placeholder=\\"请用一句话介绍自己\\" unselectable=\\"off\\" class=\\"t-textarea__inner\\"></textarea></div></div></div></div><div class=\\"t-form__item t-form-item__message\\"><div class=\\"t-form__label t-form__label--colon 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-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><div class=\\"t-form__item t-form-item__gender\\"><div class=\\"t-form__label t-form__label--colon 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\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'1'\\" value=\\"1\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'2'\\" value=\\"2\\" 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\\"><div class=\\"t-form__label t-form__label--colon 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" value=\\"3\\" 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__gradePoint\\"><div class=\\"t-form__label t-form__label--colon 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-is-disabled t-input-number--row\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"分数值\\" type=\\"text\\" unselectable=\\"off\\" title=\\"\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square t-input-number__increase t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div></div><div class=\\"t-form__item t-form-item__avatar\\"><div class=\\"t-form__label t-form__label--colon 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-upload\\"><input type=\\"file\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__card-content t-upload__card-box\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-upload__card-image\\"><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div><div class=\\"t-upload__card-mask\\"><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg></span></div></div></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传</small></div></div></div></div><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-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/error-message.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-e6f62b80><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-e6f62b80><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-e6f62b80><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'default'\\" value=\\"default\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span data-v-e6f62b80> 使用表单默认校验信息 </span></span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-e6f62b80><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'config'\\" value=\\"config\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span data-v-e6f62b80> 表单统一配置校验信息 </span></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\\" data-v-e6f62b80><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\" data-v-e6f62b80><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-e6f62b80><div class=\\"t-input\\"><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__description t-form__item-with-help\\" data-v-e6f62b80><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\\" data-v-e6f62b80><div class=\\"t-input\\"><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__password\\" data-v-e6f62b80><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-e6f62b80><div class=\\"t-input 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-e6f62b80><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-e6f62b80><div class=\\"t-input\\"><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-e6f62b80><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-e6f62b80><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-e6f62b80><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-e6f62b80><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'female'\\" value=\\"female\\" 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-e6f62b80><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\" data-v-e6f62b80><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-e6f62b80><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=\\"demo-select-base t-select__wrap\\" data-v-e6f62b80><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-form__item t-form-item__date\\" data-v-e6f62b80><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\\" data-v-e6f62b80><div class=\\"t-input\\"><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__content.url\\" data-v-e6f62b80><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-e6f62b80><div class=\\"t-input\\"><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__\\" style=\\"margin-left:100px;\\" data-v-e6f62b80><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\" data-v-e6f62b80><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-e6f62b80><span class=\\"t-button__text\\">提交</span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-e6f62b80><span class=\\"t-button__text\\">重置</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-e6f62b80><span class=\\"t-button__text\\">清空校验结果</span></button></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/error-message.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-e6f62b80><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-e6f62b80><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-e6f62b80><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'default'\\" value=\\"default\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span data-v-e6f62b80> 使用表单默认校验信息 </span></span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-e6f62b80><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'config'\\" value=\\"config\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span data-v-e6f62b80> 表单统一配置校验信息 </span></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\\" data-v-e6f62b80><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\" data-v-e6f62b80><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-e6f62b80><div class=\\"t-input\\"><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__description t-form__item-with-help\\" data-v-e6f62b80><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\\" data-v-e6f62b80><div class=\\"t-input\\"><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__password\\" data-v-e6f62b80><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-e6f62b80><div class=\\"t-input 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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__email\\" data-v-e6f62b80><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-e6f62b80><div class=\\"t-input\\"><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-e6f62b80><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-e6f62b80><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-e6f62b80><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-e6f62b80><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'female'\\" value=\\"female\\" 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-e6f62b80><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\" data-v-e6f62b80><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-e6f62b80><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=\\"demo-select-base t-select__wrap\\" data-v-e6f62b80><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-form__item t-form-item__date\\" data-v-e6f62b80><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\\" data-v-e6f62b80><div class=\\"t-input\\"><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__content.url\\" data-v-e6f62b80><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-e6f62b80><div class=\\"t-input\\"><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__\\" style=\\"margin-left:100px;\\" data-v-e6f62b80><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\" data-v-e6f62b80><div class=\\"t-space-item\\"><button type=\\"submit\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-e6f62b80><span class=\\"t-button__text\\">提交</span></button></div><div class=\\"t-space-item\\"><button type=\\"reset\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-e6f62b80><span class=\\"t-button__text\\">重置</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" data-v-e6f62b80><span class=\\"t-button__text\\">清空校验结果</span></button></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/layout.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"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 tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'vertical'\\" value=\\"vertical\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">纵向布局</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'inline'\\" value=\\"inline\\" checked=\\"checked\\" 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 t-form-inline\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:calc(2em + 24px);\\"><label for=\\"\\">姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:calc(2em + 24px);\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><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__password\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:calc(2em + 24px);\\"><label for=\\"\\">密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:calc(2em + 24px);\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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></form></div></div>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/layout.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"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 tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'vertical'\\" value=\\"vertical\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">纵向布局</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'inline'\\" value=\\"inline\\" checked=\\"checked\\" 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 t-form-inline\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:calc(2em + 24px);\\"><label for=\\"\\">姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:calc(2em + 24px);\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><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__password\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:calc(2em + 24px);\\"><label for=\\"\\">密码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:calc(2em + 24px);\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/login.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;width:350px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-desktop\\"><path fill=\\"currentColor\\" d=\\"M2.5 11h5v2H3v1h10v-1H8.5v-2h5a1 1 0 001-1V3a1 1 0 00-1-1h-11a1 1 0 00-1 1v7a1 1 0 001 1zm0-8h11v7h-11V3z\\" fill-opacity=\\"0.9\\"></path></svg></span><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__password\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><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><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__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"submit\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-full-width\\"><span class=\\"t-button__text\\">登录</span></button></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/login.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;width:350px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-desktop\\"><path fill=\\"currentColor\\" d=\\"M1 3h22v15H13v2h4v2H7v-2h4v-2H1V3zm2 2v11h18V5H3z\\"></path></svg></span><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__password\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z\\"></path></svg></span><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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"submit\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-full-width\\"><span class=\\"t-button__text\\">登录</span></button></div></div></div></form></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/form/_example/reset.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"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 tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'empty'\\" value=\\"empty\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">重置为空</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'initial'\\" value=\\"initial\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span> 重置为初始值 </span></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__name\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"TDesign\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__tel\\"><div class=\\"t-form__label t-form__label--colon t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">手机号码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入手机号码\\" type=\\"text\\" unselectable=\\"off\\" value=\\"18612345678\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__course\\"><div class=\\"t-form__label t-form__label--colon 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" 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__\\" style=\\"margin-left:100px;\\"><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-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-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-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/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"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 tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'medium'\\" value=\\"medium\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">中尺寸（默认）</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'large'\\" value=\\"large\\" 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 size=\\"medium\\" class=\\"t-form\\"><div class=\\"t-form__item t-form-item__name\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">姓名</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__tel\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">手机号码</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入手机号码\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__status\\"><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-switch t-size-m\\"><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__gender\\"><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-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'1'\\" value=\\"1\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'2'\\" value=\\"2\\" 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\\"><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" 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__\\" style=\\"margin-left:100px;\\"><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-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-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/validate-complicated-data.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\" style=\\"max-width:100%;\\"><div class=\\"t-form__item t-form-item__school\\"><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\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"1\\" value=\\"1\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校一</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校二</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"3\\" value=\\"3\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校三</span></label></div></div></div></div><div class=\\"t-tabs\\" style=\\"margin-left:30px;border:1px solid var(--td-component-stroke);\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px;\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div><div class=\\"t-tabs__add-btn t-tabs__btn t-size-m\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></div></div><div class=\\"t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;padding:24px 24px 24px 0;\\"><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[0].name\\"><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\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"Student A\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[0].courseType\\"><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-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'wenke'\\" value=\\"wenke\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'like'\\" value=\\"like\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">理科</span></label></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[0].course\\"><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">历史</span></label></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></div></div></div><div class=\\"t-tab-panel\\" style=\\"display:none;\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;padding:24px 24px 24px 0;\\"><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[1].name\\"><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\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"Student B\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[1].courseType\\"><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-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'wenke'\\" value=\\"wenke\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'like'\\" value=\\"like\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">理科</span></label></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[1].course\\"><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">历史</span></label></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/validate-complicated-data.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\" style=\\"max-width:100%;\\"><div class=\\"t-form__item t-form-item__school\\"><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\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"1\\" value=\\"1\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校一</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校二</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"3\\" value=\\"3\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">学校三</span></label></div></div></div></div><div class=\\"t-tabs\\" style=\\"margin-left:30px;border:1px solid var(--td-component-stroke);\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px;\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div><div class=\\"t-tabs__add-btn t-tabs__btn t-size-m\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></div></div><div class=\\"t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;padding:24px 24px 24px 0;\\"><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[0].name\\"><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\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"Student A\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[0].courseType\\"><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-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'wenke'\\" value=\\"wenke\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'like'\\" value=\\"like\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">理科</span></label></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[0].course\\"><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">历史</span></label></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></div></div></div><div class=\\"t-tab-panel\\" style=\\"display:none;\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;padding:24px 24px 24px 0;\\"><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[1].name\\"><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\\"><input autocomplete=\\"\\" placeholder=\\"请输入姓名\\" type=\\"text\\" unselectable=\\"off\\" value=\\"Student B\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[1].courseType\\"><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-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'wenke'\\" value=\\"wenke\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">文科</span></label><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'like'\\" value=\\"like\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">理科</span></label></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__students[1].course\\"><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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">全部</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">物理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">化学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">地理</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">历史</span></label></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></div></div></div></div></div></form>"`;
 
-exports[`ssr snapshot test > renders ./src/form/_example/validate-message.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\"><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\\"><div class=\\"t-input\\"><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__description t-form__item-with-help\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input 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__password\\"><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\\"><div class=\\"t-input 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__\\" style=\\"margin-left:100px;\\"><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-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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">设置校验信息提示</span></button></div></div></div></div></div></form>"`;
+exports[`ssr snapshot test > renders ./src/form/_example/validate-message.vue correctly 1`] = `"<form data-server-rendered=\\"true\\" class=\\"t-form\\"><div class=\\"t-form__item t-form-item__account t-form__item-with-help\\"><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\\"><div class=\\"t-input\\"><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__description t-form__item-with-help\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:100px;\\"><label for=\\"\\">个人简介</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:100px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input 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__password\\"><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\\"><div class=\\"t-input 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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\" style=\\"margin-left:100px;\\"><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-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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">设置校验信息提示</span></button></div></div></div></div></div></form>"`;
 
-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\\"><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-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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"年龄\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-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-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\\"><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 tabindex=\\"0\\" class=\\"t-radio\\" data-v-064ce350><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-064ce350><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'female'\\" value=\\"female\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\" data-v-064ce350><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-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-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\\"><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-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\\"><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__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-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-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-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.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\\"><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-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></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-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-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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></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\\"><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 tabindex=\\"0\\" class=\\"t-radio\\" data-v-064ce350><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'male'\\" value=\\"male\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">男</span></label><label tabindex=\\"0\\" class=\\"t-radio\\" data-v-064ce350><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'female'\\" value=\\"female\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\" data-v-064ce350><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">语文</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">数学</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">英语</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></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\\"><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-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\\"><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__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-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-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-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 tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"true\\" value=\\"true\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">显示校验图标</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" 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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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\\"><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 12 12\\" 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=\\"0\\" y=\\"0\\" 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\\"><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\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><!----><span class=\\"t-form__status\\"><button type=\\"button\\" class=\\"t-button 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__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-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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">重置</span></button></div></div></div></div></div></form></div></div>"`;
 
@@ -450,59 +450,59 @@ exports[`ssr snapshot test > renders ./src/guide/_example/dialog-body.vue correc
 
 exports[`ssr snapshot test > renders ./src/guide/_example/highlightContent.vue correctly 1`] = `"<img src=\\"https://img1.baidu.com/it/u=196030518,88795458&amp;fm=253&amp;fmt=auto&amp;app=138&amp;f=JPEG?w=500&amp;h=687\\" alt=\\"\\" srcset=\\"\\" data-server-rendered=\\"true\\" class=\\"highlight\\" data-v-26f0756d>"`;
 
-exports[`ssr snapshot test > renders ./src/guide/_example/my-popup.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"my-popup\\" data-v-07bb7693><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-up pop-icon\\" data-v-07bb7693 data-v-07bb7693><path fill=\\"currentColor\\" d=\\"M7.5 3.91L3.85 7.56l-.7-.7L7.79 2.2a.3.3 0 01.42 0l4.64 4.64-.7.71L8.5 3.91V14h-1V3.91z\\" fill-opacity=\\"0.9\\" data-v-07bb7693 data-v-07bb7693></path></svg><p class=\\"popup-desc\\" data-v-07bb7693>自定义的图形或说明文案，用来解释或指导该功能使用。</p><div class=\\"popup-action\\" data-v-07bb7693><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default t-size-s\\" data-v-07bb7693><span class=\\"t-button__text\\"> 跳过 </span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default t-size-s\\" data-v-07bb7693><span class=\\"t-button__text\\"> 上一步 </span></button><!----><!----></div></div>"`;
+exports[`ssr snapshot test > renders ./src/guide/_example/my-popup.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"my-popup\\" data-v-07bb7693><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-arrow-up pop-icon\\" data-v-07bb7693 data-v-07bb7693><path fill=\\"currentColor\\" d=\\"M11 19.5V7.91l-4.5 4.5L5.09 11 12 4.09 18.91 11l-1.41 1.41-4.5-4.5V19.5h-2z\\" data-v-07bb7693 data-v-07bb7693></path></svg><p class=\\"popup-desc\\" data-v-07bb7693>自定义的图形或说明文案，用来解释或指导该功能使用。</p><div class=\\"popup-action\\" data-v-07bb7693><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default t-size-s\\" data-v-07bb7693><span class=\\"t-button__text\\"> 跳过 </span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default t-size-s\\" data-v-07bb7693><span class=\\"t-button__text\\"> 上一步 </span></button><!----><!----></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/guide/_example/no-mask.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-row t-row--center t-row--align-top\\" style=\\"margin-left:0px;margin-right:0px;\\" data-v-0b463be0><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-0b463be0><span class=\\"t-button__text\\">新手引导</span></button><!----></div>"`;
 
 exports[`ssr snapshot test > renders ./src/guide/_example/popup-dialog.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-row t-row--center t-row--align-top\\" style=\\"margin-left:0px;margin-right:0px;\\" data-v-fe5de85e><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-fe5de85e><span class=\\"t-button__text\\">新手引导</span></button><!----></div>"`;
 
-exports[`ssr snapshot test > renders ./src/icon/_example/base.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-loading\\" style=\\"color:#999999;\\"><use href=\\"#t-icon-loading\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-close\\"><use href=\\"#t-icon-close\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled t-size-s\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled t-size-m\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled t-size-l\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled\\" style=\\"font-size:25px;\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled\\" style=\\"font-size:2em;\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:red;\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:green;\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:orange;\\"><use href=\\"#t-icon-check-circle-filled\\"></use></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/icon/_example/base.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><p>How do you feel today?</p></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-sneer\\"><use href=\\"#t-icon-sneer\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-unhappy\\"><use href=\\"#t-icon-unhappy\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-excited\\"><use href=\\"#t-icon-excited\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-surprised\\"><use href=\\"#t-icon-surprised\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-giggle\\"><use href=\\"#t-icon-giggle\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><p>What's your favourite food?</p></div><div class=\\"t-space-item\\"><svg color=\\"orange\\" class=\\"t-icon t-icon-tangerinr\\"><use href=\\"#t-icon-tangerinr\\"></use></svg></div><div class=\\"t-space-item\\"><svg color=\\"green\\" class=\\"t-icon t-icon-bamboo-shoot\\"><use href=\\"#t-icon-bamboo-shoot\\"></use></svg></div><div class=\\"t-space-item\\"><svg color=\\"red\\" class=\\"t-icon t-icon-apple\\"><use href=\\"#t-icon-apple\\"></use></svg></div><div class=\\"t-space-item\\"><svg color=\\"#0052D9\\" class=\\"t-icon t-icon-milk\\"><use href=\\"#t-icon-milk\\"></use></svg></div><div class=\\"t-space-item\\"><svg color=\\"pink\\" class=\\"t-icon t-icon-peach\\"><use href=\\"#t-icon-peach\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><p>How much icons does TDesign Icon includes?</p></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-1\\" style=\\"color:var(--td-brand-color-5);\\"><use href=\\"#t-icon-numbers-1\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-2\\" style=\\"color:var(--td-brand-color-6);\\"><use href=\\"#t-icon-numbers-2\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-0\\" style=\\"color:var(--td-brand-color-7);\\"><use href=\\"#t-icon-numbers-0\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-numbers-3\\" style=\\"color:var(--td-brand-color-8);\\"><use href=\\"#t-icon-numbers-3\\"></use></svg></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/icon/_example/enhanced.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-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg class=\\"t-icon cps-icon-home-sheep\\"><use href=\\"#cps-icon-home-sheep\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon cps-icon-home-sheep t-size-m\\"><use href=\\"#cps-icon-home-sheep\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon cps-icon-home-sheep t-size-l\\"><use href=\\"#cps-icon-home-sheep\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"font-size:25px;\\"><use href=\\"#cps-icon-home-sheep\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"font-size:2em;\\"><use href=\\"#cps-icon-home-sheep\\"></use></svg></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"color:red;\\"><use href=\\"#cps-icon-home-sheep\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"color:green;\\"><use href=\\"#cps-icon-home-sheep\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"color:orange;\\"><use href=\\"#cps-icon-home-sheep\\"></use></svg></div><div class=\\"t-space-item\\"><svg class=\\"t-icon t-icon-home\\"><use href=\\"#t-icon-home\\"></use></svg></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/icon/_example/icon-select.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select__wrap\\" style=\\"width:400px;\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><div><svg class=\\"t-icon t-icon-edit-1\\" style=\\"margin-right:8px;\\"><use href=\\"#t-icon-edit-1\\"></use></svg>edit-1</div></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/icon/_example/iconfont.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-loading\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-close\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled t-size-s\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled t-size-m\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled t-size-l\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled\\" style=\\"font-size:25px;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled\\" style=\\"font-size:2em;\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:red;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:green;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:orange;\\"></i></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/icon/_example/iconfont.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><p>How do you feel today?</p></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-sneer\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-unhappy\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-excited\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-surprised\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-giggle\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><p>What's your favourite food?</p></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-tangerinr\\" style=\\"color:orange;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-bamboo-shoot\\" style=\\"color:green;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-apple\\" style=\\"color:red;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-milk\\" style=\\"color:#0052d9;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-peach\\" style=\\"color:pink;\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><p>How much icons does TDesign Icon includes?</p></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-numbers-1\\" style=\\"color:var(--td-brand-color-5);\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-numbers-2\\" style=\\"color:var(--td-brand-color-6);\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-numbers-0\\" style=\\"color:var(--td-brand-color-7);\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon t-icon-numbers-3\\" style=\\"color:var(--td-brand-color-8);\\"></i></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/icon/_example/iconfont-enhanced.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-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><i class=\\"cps-icon cps-icon-home-sheep\\"></i></div><div class=\\"t-space-item\\"><i class=\\"cps-icon cps-icon-home-sheep t-size-m\\"></i></div><div class=\\"t-space-item\\"><i class=\\"cps-icon cps-icon-home-sheep t-size-l\\"></i></div><div class=\\"t-space-item\\"><i class=\\"cps-icon cps-icon-home-sheep\\" style=\\"font-size:25px;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"cps-icon cps-icon-home-sheep\\" style=\\"font-size:2em;\\"></i></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><i class=\\"cps-icon cps-icon-home-sheep\\" style=\\"color:red;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"cps-icon cps-icon-home-sheep\\" style=\\"color:green;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"cps-icon cps-icon-home-sheep\\" style=\\"color:orange;\\"></i></div><div class=\\"t-space-item\\"><i class=\\"t-icon-home t-icon\\"></i></div></div></div><div class=\\"t-space-item\\"><br></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/icon/_example/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-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-loading\\"><path fill=\\"currentColor\\" d=\\"M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></div><div class=\\"t-space-item\\"><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></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-size-s\\"><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><div class=\\"t-space-item\\"><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><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-size-m\\"><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><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-size-l\\"><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><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" style=\\"font-size:25px;\\"><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><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" style=\\"font-size:2em;\\"><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></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:red;\\"><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><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:green;\\"><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><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" style=\\"color:orange;\\"><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></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/icon/_example/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-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;color:var(--td-brand-color);\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-letters-t\\"><path fill=\\"currentColor\\" d=\\"M6.5 4h11v2H13v14h-2V6H6.5V4z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-letters-d\\"><path fill=\\"currentColor\\" d=\\"M7 4h8a2 2 0 012 2v12a2 2 0 01-2 2H7V4zm2 2v12h6V6H9z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-letters-e\\"><path fill=\\"currentColor\\" d=\\"M7 6c0-1.1.9-2 2-2h8v2H9v5h8v2H9v5h8v2H9a2 2 0 01-2-2V6z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-letters-s\\"><path fill=\\"currentColor\\" d=\\"M7.5 6c0-1.1.9-2 2-2H16v2H9.5v5h5a2 2 0 012 2v5a2 2 0 01-2 2H8v-2h6.5v-5h-5a2 2 0 01-2-2V6z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-letters-i\\"><path fill=\\"currentColor\\" d=\\"M8.5 4h7v2H13v12h2.5v2h-7v-2H11V6H8.5V4z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-letters-g\\"><path fill=\\"currentColor\\" d=\\"M16 4H8.5C7.67 4 7 4.67 7 5.5v13c0 .83.67 1.5 1.5 1.5H17v-9h-5.2v2H15v5H9V6h7V4z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-letters-n\\"><path fill=\\"currentColor\\" d=\\"M8.5 20V6h7v14h2V6a2 2 0 00-2-2h-9v16h2z\\"></path></svg></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-component-checkbox\\"><path fill=\\"currentColor\\" d=\\"M2 2h13v5.5h-2V4H4v9h3.5v2H2V2zm7 7h13v13H9V9zm2 2v9h9v-9h-9zm8.41 3L15 18.41l-2.91-2.91 1.41-1.41 1.5 1.5 3-3L19.41 14z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-component-breadcrumb\\"><path fill=\\"currentColor\\" d=\\"M2 6.5v11h7.91l5.5-5.5-5.5-5.5H2zm2 2h5.09l3.5 3.5-3.5 3.5H4v-7zm10.59-1l4.5 4.5-4.5 4.5L16 17.91 21.91 12 16 6.09 14.59 7.5z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-component-input\\"><path fill=\\"currentColor\\" d=\\"M2 7h20v9H2V7zm2 2v5h16V9H4zm4 1v3H6v-3h2z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-component-switch\\"><path fill=\\"currentColor\\" d=\\"M7.5 8.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm4.24 0a5.48 5.48 0 010 7h4.76a3.5 3.5 0 100-7h-4.76zM2 12a5.5 5.5 0 015.5-5.5h9a5.5 5.5 0 110 11h-9A5.5 5.5 0 012 12z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-component-dropdown\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v7H2V2zm2 2v3h16V4H4zm0 7v9h16v-9h2v11H2V11h2zm2 1h12v2H6v-2zm0 4h12v2H6v-2z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-component-radio\\"><path fill=\\"currentColor\\" d=\\"M12 4a8 8 0 100 16 8 8 0 000-16zM2 12a10 10 0 1120 0 10 10 0 01-20 0zm10-4a4 4 0 100 8 4 4 0 000-8zm-6 4a6 6 0 1112 0 6 6 0 01-12 0z\\"></path></svg></div><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-component-steps\\"><path fill=\\"currentColor\\" d=\\"M1 12a3.5 3.5 0 016.86-1h.78a3.5 3.5 0 016.72 0h.78a3.5 3.5 0 110 2h-.78a3.5 3.5 0 01-6.72 0h-.78A3.5 3.5 0 011 12zm3.5-1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm7.5 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z\\"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image/_example/avif.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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=\\"max-width:100%;\\"><picture><source type=\\"image/avif\\" srcset=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\"><source type=\\"image/webp\\" srcset=\\"https://tdesign.gtimg.com/img/tdesign-image.webp\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"></picture><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>.avif / .webp</span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image/_example/avif.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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=\\"max-width:100%;\\"><picture><source type=\\"image/avif\\" srcset=\\"https://tdesign.gtimg.com/img/tdesign-image.avif\\"><source type=\\"image/webp\\" srcset=\\"https://tdesign.gtimg.com/img/tdesign-image.webp\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"></picture><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>.avif / .webp</span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image/_example/extra-always.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px;\\">有遮罩</strong></div><div class=\\"t-space-item\\"><div 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><div style=\\"background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22px;\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"border-radius:3px;background:transparent;color:#fff;\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16;\\"><path fill=\\"currentColor\\" d=\\"M4 2v2H3a1 1 0 00-1 1v5a1 1 0 001 1h1v3h8v-3h1a1 1 0 001-1V5a1 1 0 00-1-1h-1V2H4zm7 2H5V3h6v1zM3 5h10v5h-1V8H4v2H3V5zm2 8V9h6v4H5z\\" fill-opacity=\\"0.9\\"></path></svg> 高清</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px;\\">无遮罩</strong></div><div class=\\"t-space-item\\"><div 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1);\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16;\\"><path fill=\\"currentColor\\" d=\\"M4 2v2H3a1 1 0 00-1 1v5a1 1 0 001 1h1v3h8v-3h1a1 1 0 001-1V5a1 1 0 00-1-1h-1V2H4zm7 2H5V3h6v1zM3 5h10v5h-1V8H4v2H3V5zm2 8V9h6v4H5z\\" fill-opacity=\\"0.9\\"></path></svg> 高清</span></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image/_example/extra-always.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px;\\">有遮罩</strong></div><div class=\\"t-space-item\\"><div 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><div style=\\"background:rgba(0,0,0,.4);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:22px;\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"border-radius:3px;background:transparent;color:#fff;\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16;\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><strong style=\\"font-size:20px;\\">无遮罩</strong></div><div class=\\"t-space-item\\"><div 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"position:absolute;right:8px;bottom:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1);\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-print\\" style=\\"font-size:16;\\"><path fill=\\"currentColor\\" d=\\"M4 2h16v5h3.5v11H19v4H5v-4H.5V7H4V2zm2 5h12V4H6v3zM2.5 9v7H5v-2h14v2h2.5V9h-19zM17 16H7v4h10v-4zm0-5.5h2v2h-2v-2z\\"></path></svg> 高清</span></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image/_example/extra-hover.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center;\\">预览</div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image/_example/extra-hover.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover\\" 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content t-image__overlay-content--hidden\\"><div style=\\"background:rgba(0,0,0,.4);color:#fff;height:100%;display:flex;align-items:center;justify-content:center;\\">预览</div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image/_example/fill-mode.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>fill</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-none t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>none</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>scale-down</span></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image/_example/fill-mode.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>fill</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-none t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>none</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-scale-down t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>scale-down</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image/_example/fill-position.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover center</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-left\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover left</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-right\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover right</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-top\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover top</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-bottom\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover bottom</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-top\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain top</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-bottom\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain bottom</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain center</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-left\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain left</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-right\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain right</span></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image/_example/fill-position.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;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover center</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-left\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover left</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-right\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover right</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-top\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover top</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-cover t-image--position-bottom\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>cover bottom</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-top\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain top</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-bottom\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain bottom</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:120px;height:200px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain center</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-left\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain left</span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-start t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:280px;height:120px;\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" alt=\\"\\" class=\\"t-image t-image--fit-contain t-image--position-right\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>contain right</span></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image/_example/gallery-cover.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery\\" style=\\"width:284px;height:160px;\\"><div class=\\"t-image__gallery-shadow\\"></div><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1);\\"><span>标签一</span></span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image/_example/gallery-cover.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--gallery\\" style=\\"width:284px;height:160px;\\"><div class=\\"t-image__gallery-shadow\\"></div><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div><div class=\\"t-image__overlay-content\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--mark\\" style=\\"margin:8px;border-radius:3px;background:rgba(236,242,254,1);color:rgba(0,82,217,1);\\"><span>标签一</span></span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image/_example/lazy-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;flex-wrap:wrap;height:240px;overflow-y:scroll;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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/lazy-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;flex-wrap:wrap;height:240px;overflow-y:scroll;\\"><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square\\" style=\\"width:230px;height:120px;\\"><div class=\\"t-image\\"></div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></path></svg><span class=\\"t-button__text\\"> 重演 lazy load </span></button></div></div>"`;
 
-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-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/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-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></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 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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 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\\"><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 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></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 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></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 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><path fill=\\"currentColor\\" d=\\"M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z\\"></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 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-refresh\\"><path fill=\\"currentColor\\" d=\\"M20.5 5.83A10.49 10.49 0 001.56 10.9l-.1.99 1.98.2.1-.99a8.5 8.5 0 0115.67-3.6H15.5v2h7v-7h-2v3.33zm.06 6.07l-.1 1a8.5 8.5 0 01-15.67 3.6H8.5v-2h-7v7h2v-3.33a10.48 10.48 0 0018.94-5.07l.1-.99-1.98-.2z\\"></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 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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M10 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 100-2 1 1 0 000 2z\\" fill-opacity=\\"0.9\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path><path fill=\\"currentColor\\" d=\\"M2 13a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1v10zm1-1.3l3-3 4.3 4.3H3v-1.3zm0-1.4V3h10v10h-1.3L6 7.3l-3 3z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>circle</span></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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div></div><div class=\\"t-space-item\\"><span>circle</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image-viewer/_example/album.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-image-viewer__base\\" data-v-5b8719ed><div class=\\"tdesign-demo-image-viewer__ui-image\\" data-v-5b8719ed data-v-5b8719ed><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-5b8719ed><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-5b8719ed><span data-v-5b8719ed><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-5b8719ed><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-5b8719ed></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-5b8719ed></path></svg> 预览</span></div><div class=\\"tdesign-demo-image-viewer__ui-image--footer\\" data-v-5b8719ed><span class=\\"tdesign-demo-image-viewer__ui-image--title\\" data-v-5b8719ed>相册封面标题</span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image-viewer/_example/album.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-image-viewer__base\\" data-v-5b8719ed><div class=\\"tdesign-demo-image-viewer__ui-image\\" data-v-5b8719ed data-v-5b8719ed><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-5b8719ed><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-5b8719ed><span data-v-5b8719ed><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-5b8719ed><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-5b8719ed><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-5b8719ed></path></g></svg> 预览</span></div><div class=\\"tdesign-demo-image-viewer__ui-image--footer\\" data-v-5b8719ed><span class=\\"tdesign-demo-image-viewer__ui-image--title\\" data-v-5b8719ed>相册封面标题</span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image-viewer/_example/albumIcons.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-image-viewer__base\\" data-v-77602346><div class=\\"tdesign-demo-image-viewer__ui-image\\" data-v-77602346 data-v-77602346><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-77602346><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-77602346><span data-v-77602346><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-77602346><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-77602346></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-77602346></path></svg> 预览 </span></div><div class=\\"tdesign-demo-image-viewer__ui-image--footer\\" data-v-77602346><span class=\\"tdesign-demo-image-viewer__ui-image--title\\" data-v-77602346>相册封面标题</span><span class=\\"tdesign-demo-image-viewer__ui-image--icons\\" data-v-77602346><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" data-v-77602346><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-77602346></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-77602346></path></svg><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis tdesign-demo-image-viewer__ui-image--ellipsis\\" data-v-77602346 data-v-77602346><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-77602346></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image-viewer/_example/albumIcons.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-image-viewer__base\\" data-v-77602346><div class=\\"tdesign-demo-image-viewer__ui-image\\" data-v-77602346 data-v-77602346><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-77602346><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-77602346><span data-v-77602346><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-77602346><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-77602346><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-77602346></path></g></svg> 预览 </span></div><div class=\\"tdesign-demo-image-viewer__ui-image--footer\\" data-v-77602346><span class=\\"tdesign-demo-image-viewer__ui-image--title\\" data-v-77602346>相册封面标题</span><span class=\\"tdesign-demo-image-viewer__ui-image--icons\\" data-v-77602346><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" data-v-77602346><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-77602346><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-77602346></path></g></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis tdesign-demo-image-viewer__ui-image--ellipsis\\" data-v-77602346 data-v-77602346><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-77602346></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image-viewer/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-1fed8bc3><div class=\\"tdesign-demo-image-viewer__base\\" data-v-1fed8bc3><div class=\\"tdesign-demo-image-viewer__ui-image\\" data-v-1fed8bc3 data-v-1fed8bc3><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-1fed8bc3><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-1fed8bc3><span data-v-1fed8bc3><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-1fed8bc3><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-1fed8bc3></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-1fed8bc3></path></svg> 预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image-viewer/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-1fed8bc3><div class=\\"tdesign-demo-image-viewer__base\\" data-v-1fed8bc3><div class=\\"tdesign-demo-image-viewer__ui-image\\" data-v-1fed8bc3 data-v-1fed8bc3><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-1fed8bc3><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-1fed8bc3><span data-v-1fed8bc3><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-1fed8bc3><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-1fed8bc3><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-1fed8bc3></path></g></svg> 预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image-viewer/_example/block.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\"><div class=\\"tdesign-demo-image-viewer__ui-image\\"><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\"><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg> 预览</span></div></div></div><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\"><div class=\\"tdesign-demo-image-viewer__ui-image\\"><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\"><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg> 预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image-viewer/_example/block.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\"><div class=\\"tdesign-demo-image-viewer__ui-image\\"><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\"><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\"><div class=\\"tdesign-demo-image-viewer__ui-image\\"><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\"><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg> 预览</span></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/image-viewer/_example/button.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">预览单张图片</span></button></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image-viewer/_example/error.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-image-viewer-wrapper\\" data-v-604cf906><div data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-604cf906 data-v-604cf906><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-604cf906><span data-v-604cf906><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-604cf906><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-604cf906></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-604cf906></path></svg> 预览</span></div></div></div><div data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-604cf906 data-v-604cf906><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-error1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-604cf906><span data-v-604cf906><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-604cf906><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-604cf906></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-604cf906></path></svg> 预览</span></div></div></div><div data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-604cf906 data-v-604cf906><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-error2.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-604cf906><span data-v-604cf906><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-604cf906><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-604cf906></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-604cf906></path></svg> 预览</span></div></div></div><div data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-604cf906 data-v-604cf906><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-error3.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-604cf906><span data-v-604cf906><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-604cf906><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-604cf906></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-604cf906></path></svg> 预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image-viewer/_example/error.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-image-viewer-wrapper\\" data-v-604cf906><div data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-604cf906 data-v-604cf906><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-604cf906><span data-v-604cf906><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-604cf906><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-604cf906><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-604cf906></path></g></svg> 预览</span></div></div></div><div data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-604cf906 data-v-604cf906><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-error1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-604cf906><span data-v-604cf906><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-604cf906><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-604cf906><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-604cf906></path></g></svg> 预览</span></div></div></div><div data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-604cf906 data-v-604cf906><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-error2.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-604cf906><span data-v-604cf906><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-604cf906><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-604cf906><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-604cf906></path></g></svg> 预览</span></div></div></div><div data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-604cf906 data-v-604cf906><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-error3.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-604cf906><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-604cf906><span data-v-604cf906><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-604cf906><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-604cf906><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-604cf906></path></g></svg> 预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image-viewer/_example/modeless.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-image-viewer__base\\" data-v-431927a4><div class=\\"tdesign-demo-image-viewer__ui-image\\" data-v-431927a4 data-v-431927a4><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-431927a4><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-431927a4><span data-v-431927a4><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-431927a4><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-431927a4></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-431927a4></path></svg> 预览</span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image-viewer/_example/modeless.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-image-viewer__base\\" data-v-431927a4><div class=\\"tdesign-demo-image-viewer__ui-image\\" data-v-431927a4 data-v-431927a4><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-431927a4><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-431927a4><span data-v-431927a4><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-431927a4><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-431927a4><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-431927a4></path></g></svg> 预览</span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/image-viewer/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-a0b112fc><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-a0b112fc data-v-a0b112fc><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-a0b112fc><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-a0b112fc><span data-v-a0b112fc><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-a0b112fc><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-a0b112fc></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-a0b112fc></path></svg> 预览</span></div></div><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-a0b112fc data-v-a0b112fc><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-2.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-a0b112fc><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-a0b112fc><span data-v-a0b112fc><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-a0b112fc><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-a0b112fc></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-a0b112fc></path></svg> 预览</span></div></div><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-a0b112fc data-v-a0b112fc><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-3.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-a0b112fc><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-a0b112fc><span data-v-a0b112fc><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-a0b112fc><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\" data-v-a0b112fc></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\" data-v-a0b112fc></path></svg> 预览</span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/image-viewer/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-a0b112fc><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-a0b112fc data-v-a0b112fc><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-a0b112fc><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-a0b112fc><span data-v-a0b112fc><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-a0b112fc><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-a0b112fc><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-a0b112fc></path></g></svg> 预览</span></div></div><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-a0b112fc data-v-a0b112fc><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-2.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-a0b112fc><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-a0b112fc><span data-v-a0b112fc><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-a0b112fc><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-a0b112fc><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-a0b112fc></path></g></svg> 预览</span></div></div><div class=\\"tdesign-demo-image-viewer__ui-image tdesign-demo-image-viewer__base\\" data-v-a0b112fc data-v-a0b112fc><img alt=\\"test\\" src=\\"https://tdesign.gtimg.com/demo/demo-image-3.png\\" class=\\"tdesign-demo-image-viewer__ui-image--img\\" data-v-a0b112fc><div class=\\"tdesign-demo-image-viewer__ui-image--hover\\" data-v-a0b112fc><span data-v-a0b112fc><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\" style=\\"font-size:1.4em;\\" data-v-a0b112fc><g clip-path=\\"url(#clip0_8726_7319)\\" data-v-a0b112fc><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\" data-v-a0b112fc></path></g></svg> 预览</span></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/input/_example/addon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;max-width:500px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">http://</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入内容\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入内容\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">.com</span></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">http://</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入内容\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">.com</span></span></div></div></div>"`;
 
@@ -522,7 +522,7 @@ exports[`ssr snapshot test > renders ./src/input/_example/group.vue correctly 1`
 
 exports[`ssr snapshot test > renders ./src/input/_example/max-length-count.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;max-width:500px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"内置字数限制，最大文本长度，一个中文字等于一个长度\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/5</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"内置字数限制，最大字符数量限制，一个中文字等于两个字符\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"内置字数限制，字数超出时允许继续输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/5</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--suffix\\"><input autocomplete=\\"\\" placeholder=\\"自定义字数限制文本\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\">0/5</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input/_example/password.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;max-width:500px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><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><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-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 class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><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><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-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>"`;
+exports[`ssr snapshot test > renders ./src/input/_example/password.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;max-width:500px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z\\"></path></svg></span><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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M5.5 7.5a6.5 6.5 0 0113 0V9h2v13h-17V9h2V7.5zm2 1.5h9V7.5a4.5 4.5 0 10-9 0V9zm-2 2v9h13v-9h-13zM9 14.5h6v2H9v-2z\\"></path></svg></span><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 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/input/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;max-width:500px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-l\\"><input autocomplete=\\"\\" placeholder=\\"请输入内容\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入内容\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-size-s\\"><input autocomplete=\\"\\" placeholder=\\"请输入内容\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div>"`;
 
@@ -534,31 +534,31 @@ exports[`ssr snapshot test > renders ./src/input-adornment/_example/select.vue c
 
 exports[`ssr snapshot test > renders ./src/input-adornment/_example/text.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;max-width:500px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">http://</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入内容\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-is-empty\\"><div class=\\"t-input t-input--prefix\\"><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></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">.com</span></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">http://</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入内容\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">.com</span></span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/align.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-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button 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\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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 class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"200\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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 class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button 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-align-right\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"300\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;margin-left:100px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"200\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-right\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"300\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/align.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-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"200\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-right\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"300\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;margin-left:100px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"200\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-right\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"300\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/auto-width.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-input-number--row t-input-number--auto-width\\"><button type=\\"button\\" class=\\"t-button 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 t-input--auto-width\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">3</span></div></div><button type=\\"button\\" class=\\"t-button 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>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/auto-width.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-input-number--row t-input-number--auto-width\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">3</span></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/center.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-input-number t-size-m t-input-number--row t-input-number--auto-width\\"><button type=\\"button\\" class=\\"t-button 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 t-input--auto-width\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">请输入</span></div></div><button type=\\"button\\" class=\\"t-button 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 class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"width:200px;\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3.41\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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 class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"width:250px;\\"><button type=\\"button\\" class=\\"t-button 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-is-error t-align-center t-input--suffix\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\">个</div></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase t-is-disabled\\"><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 class=\\"t-input__tips t-input__tips--error\\">number can not be exceed maximum</div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/center.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-input-number t-size-m t-input-number--row t-input-number--auto-width\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">请输入</span></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"width:200px;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3.41\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"width:250px;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-error t-align-center t-input--suffix\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"100\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\">个</div></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button><div class=\\"t-input__tips t-input__tips--error\\">number can not be exceed maximum</div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/default.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"2021\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/default.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"2021\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-is-disabled t-input-number--row\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square t-input-number__decrease t-is-disabled\\"><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-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"3\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square t-input-number__increase t-is-disabled\\"><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>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-is-disabled t-input-number--row\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-align-center\\"><input disabled=\\"disabled\\" autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" title=\\"3\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-is-disabled t-button--shape-square t-input-number__increase t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/format.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-input-number t-size-m t-input-number--row t-input-number--auto-width\\"><button type=\\"button\\" class=\\"t-button 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 t-input--auto-width\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3 %\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">3 %</span></div></div><button type=\\"button\\" class=\\"t-button 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 class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row t-input-number--auto-width\\"><button type=\\"button\\" class=\\"t-button 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 t-input--auto-width\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3.01 %\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">3.01 %</span></div></div><button type=\\"button\\" class=\\"t-button 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>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/format.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-input-number t-size-m t-input-number--row t-input-number--auto-width\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3 %\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">3 %</span></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row t-input-number--auto-width\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3.01 %\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">3.01 %</span></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/large-number.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-input-number t-size-m t-input-number--row\\" style=\\"width:300px;\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"19999999999999999.00\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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 class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"width:300px;\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"19,999,999,999,999,999.977\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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 class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"width:300px;\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0.8975527383412673418\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/large-number.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-input-number t-size-m t-input-number--row\\" style=\\"width:300px;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"19999999999999999.00\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"width:300px;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"19,999,999,999,999,999.977\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"width:300px;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0.8975527383412673418\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/left.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-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-button 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-chevron-down t-size-m\\"><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></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column\\" style=\\"width:150px;\\"><button type=\\"button\\" class=\\"t-button 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-chevron-down t-size-m\\"><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></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center t-input--prefix\\"><div class=\\"t-input__prefix\\">数字</div><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/left.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-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column\\" style=\\"width:150px;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center t-input--prefix\\"><div class=\\"t-input__prefix\\">数字</div><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/input-number/_example/normal.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-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-right t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span>金额：</span></div><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\"><span>元</span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-right t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\">机器：</div><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"><div class=\\"t-input__suffix\\">台</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-s t-input-number--row\\"><button type=\\"button\\" class=\\"t-button 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-s\\"><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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-s\\"><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 class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"margin:0 50px;\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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 class=\\"t-input-number t-size-l t-input-number--row\\"><button type=\\"button\\" class=\\"t-button 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-l\\"><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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-l\\"><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>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-s t-input-number--row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-s\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-s\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div><div class=\\"t-input-number t-size-m t-input-number--row\\" style=\\"margin:0 50px;\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div><div class=\\"t-input-number t-size-l t-input-number--row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-l\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-l\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\" data-v-77658c68><div data-v-77658c68><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-77658c68><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-77658c68><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'hide'\\" value=\\"hide\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">隐藏文本提示</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-77658c68><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'align-left'\\" value=\\"align-left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">文本提示左对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-77658c68><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'align-input'\\" value=\\"align-input\\" checked=\\"checked\\" 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><form class=\\"t-form\\" data-v-77658c68><!----><!----><div class=\\"t-form__item t-form-item__\\" data-v-77658c68><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-number t-size-m t-input-number--row\\" data-v-77658c68><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div><div class=\\"t-input__tips t-input__tips--default\\">这是普通文本提示</div></div><button type=\\"button\\" class=\\"t-button 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><br data-v-77658c68><div class=\\"t-form__item t-form-item__\\" data-v-77658c68><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-number t-size-m t-input-number--row\\" data-v-77658c68><button type=\\"button\\" class=\\"t-button 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-is-success t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div><button type=\\"button\\" class=\\"t-button 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><br data-v-77658c68><div class=\\"t-form__item t-form-item__\\" data-v-77658c68><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-number t-size-m t-input-number--row\\" data-v-77658c68><button type=\\"button\\" class=\\"t-button 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-is-warning t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div><button type=\\"button\\" class=\\"t-button 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><br data-v-77658c68><div class=\\"t-form__item t-form-item__\\" data-v-77658c68><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-number t-size-m t-input-number--row\\" data-v-77658c68><button type=\\"button\\" class=\\"t-button 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-is-error t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div><button type=\\"button\\" class=\\"t-button 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><br data-v-77658c68></form></div>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\" data-v-77658c68><div data-v-77658c68><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-77658c68><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-77658c68><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'hide'\\" value=\\"hide\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">隐藏文本提示</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-77658c68><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'align-left'\\" value=\\"align-left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">文本提示左对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-77658c68><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'align-input'\\" value=\\"align-input\\" checked=\\"checked\\" 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><form class=\\"t-form\\" data-v-77658c68><!----><!----><div class=\\"t-form__item t-form-item__\\" data-v-77658c68><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-number t-size-m t-input-number--row\\" data-v-77658c68><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div><div class=\\"t-input__tips t-input__tips--default\\">这是普通文本提示</div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div></div><br data-v-77658c68><div class=\\"t-form__item t-form-item__\\" data-v-77658c68><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-number t-size-m t-input-number--row\\" data-v-77658c68><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-success t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div></div><br data-v-77658c68><div class=\\"t-form__item t-form-item__\\" data-v-77658c68><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-number t-size-m t-input-number--row\\" data-v-77658c68><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-warning t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div></div><br data-v-77658c68><div class=\\"t-form__item t-form-item__\\" data-v-77658c68><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-number t-size-m t-input-number--row\\" data-v-77658c68><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-error t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3\\" class=\\"t-input__inner\\"></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div></div></div><br data-v-77658c68></form></div>"`;
 
-exports[`ssr snapshot test > renders ./src/input-number/_example/step.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button 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-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3.20\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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>"`;
+exports[`ssr snapshot test > renders ./src/input-number/_example/step.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove t-size-m\\"><path fill=\\"currentColor\\" d=\\"M4 11h16v2H4v-2z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-center\\"><input autocomplete=\\"off\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"3.20\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add t-size-m\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></button></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/layout/_example/aside.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-item--layout\\"><section class=\\"t-layout\\"><aside class=\\"t-layout__sider\\"><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:50px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://www.tencent.com/img/index/menu_logo_hover.png\\" alt=\\"logo\\" class=\\"t-menu__logo--center\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active\\"><svg class=\\"t-icon t-icon-dashboard\\"><use href=\\"#t-icon-dashboard\\"></use></svg><span class=\\"t-menu__content\\">仪表盘 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-server\\"><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\">资源列表 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-root-list\\"><use href=\\"#t-icon-root-list\\"></use></svg><span class=\\"t-menu__content\\">根目录 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-control-platform\\"><use href=\\"#t-icon-control-platform\\"></use></svg><span class=\\"t-menu__content\\">调度平台 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-precise-monitor\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><span class=\\"t-menu__content\\">精准监控 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-mail\\"><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-user-circle\\"><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\">个人中心 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-play-circle\\"><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-edit-1\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\">资源编辑 </span></li></ul></div></div></aside><section class=\\"t-layout\\"><main class=\\"t-layout__content\\"><div>Content</div></main><footer class=\\"t-layout__footer\\">Copyright @ 2019-2021 Tencent. All Rights Reserved</footer></section></section></div>"`;
 
@@ -570,13 +570,15 @@ exports[`ssr snapshot test > renders ./src/layout/_example/top.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/link/_example/base.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-link--theme-primary t-link--hover-underline\\">跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/link/_example/disabled.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-link--theme-default t-is-disabled\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-is-disabled t-is-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-is-disabled\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-is-disabled\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-is-disabled\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z\\" fill-opacity=\\"0.9\\"></path></svg></span></a></div></div>"`;
+exports[`ssr snapshot test > renders ./src/link/_example/disabled.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-link--theme-default t-is-disabled\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-is-disabled t-is-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-is-disabled\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-is-disabled\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-is-disabled\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z\\"></path></svg></span></a></div></div>"`;
+
+exports[`ssr snapshot test > renders ./src/link/_example/download.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><a href=\\"/starter/assets/vue.ee956b80.svg\\" target=\\"\\" download=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-underline\\">跳转链接</a></div><div class=\\"t-space-item\\"><a href=\\"/starter/assets/vue.ee956b80.svg\\" target=\\"\\" download=\\"test/download-file.png\\" class=\\"t-link t-link--theme-primary t-link--hover-underline\\">跳转链接</a></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/link/_example/hover.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\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-link--hover-underline\\"> 跳转链接 </a></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-link--hover-color\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-link--hover-color\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-link--hover-color\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-link--hover-color\\"> 跳转链接 </a></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-is-underline t-link--hover-color\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-is-underline t-link--hover-color\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-is-underline t-link--hover-color\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-is-underline t-link--hover-color\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-is-underline t-link--hover-color\\"> 跳转链接 </a></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/link/_example/icon.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-link--theme-default t-link--hover-underline\\"><span class=\\"t-link__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-link\\"><path fill=\\"currentColor\\" d=\\"M6.23 11.89l2.12-2.12.71.7-2.12 2.13A2.5 2.5 0 013.4 9.06l2.13-2.12.7.7-2.12 2.13a1.5 1.5 0 002.12 2.12zM10.47 9.06l-.7-.7 2.12-2.13a1.5 1.5 0 10-2.12-2.12L7.65 6.23l-.71-.7L9.06 3.4a2.5 2.5 0 013.54 3.54l-2.13 2.12z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M9.06 6.23L6.23 9.06l.71.7 2.83-2.82-.7-.7z\\" fill-opacity=\\"0.9\\"></path></svg></span> 跳转链接 </a></div><div class=\\"t-space-item\\"><a href=\\"https://tdesign.tencent.com/\\" target=\\"_self\\" class=\\"t-link t-link--theme-primary t-is-underline t-link--hover-underline\\"><span class=\\"t-link__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-link\\"><path fill=\\"currentColor\\" d=\\"M6.23 11.89l2.12-2.12.71.7-2.12 2.13A2.5 2.5 0 013.4 9.06l2.13-2.12.7.7-2.12 2.13a1.5 1.5 0 002.12 2.12zM10.47 9.06l-.7-.7 2.12-2.13a1.5 1.5 0 10-2.12-2.12L7.65 6.23l-.71-.7L9.06 3.4a2.5 2.5 0 013.54 3.54l-2.13 2.12z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M9.06 6.23L6.23 9.06l.71.7 2.83-2.82-.7-.7z\\" fill-opacity=\\"0.9\\"></path></svg></span> 跳转链接 </a></div><div class=\\"t-space-item\\"><a href=\\"https://tdesign.tencent.com/\\" target=\\"_blank\\" class=\\"t-link t-link--theme-danger t-link--hover-color\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z\\" fill-opacity=\\"0.9\\"></path></svg></span></a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-is-disabled\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z\\" fill-opacity=\\"0.9\\"></path></svg></span></a></div></div>"`;
+exports[`ssr snapshot test > renders ./src/link/_example/icon.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-link--theme-default t-link--hover-underline\\"><span class=\\"t-link__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-link\\"><path fill=\\"currentColor\\" d=\\"M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z\\"></path></svg></span> 跳转链接 </a></div><div class=\\"t-space-item\\"><a href=\\"https://tdesign.tencent.com/\\" target=\\"_self\\" class=\\"t-link t-link--theme-primary t-is-underline t-link--hover-underline\\"><span class=\\"t-link__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-link\\"><path fill=\\"currentColor\\" d=\\"M13.3 3.96a4.77 4.77 0 116.74 6.75l-3.03 3.03-1.41-1.42 3.03-3.03a2.77 2.77 0 10-3.92-3.92L11.68 8.4 10.26 7l3.03-3.03zM15.4 10L10 15.41 8.58 14 14 8.59 15.4 10zm-7 1.68L5.36 14.7a2.77 2.77 0 103.92 3.92l3.03-3.03L13.74 17l-3.03 3.03a4.77 4.77 0 11-6.75-6.75l3.03-3.03 1.41 1.42z\\"></path></svg></span> 跳转链接 </a></div><div class=\\"t-space-item\\"><a href=\\"https://tdesign.tencent.com/\\" target=\\"_blank\\" class=\\"t-link t-link--theme-danger t-link--hover-color\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z\\"></path></svg></span></a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-is-disabled\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z\\"></path></svg></span></a></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/link/_example/size.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\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-size-s t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-size-s t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-size-s t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-size-s t-is-disabled\\">跳转链接</a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-size-s t-link--hover-underline\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z\\" fill-opacity=\\"0.9\\"></path></svg></span></a></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-is-disabled\\">跳转链接</a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-link--hover-underline\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z\\" fill-opacity=\\"0.9\\"></path></svg></span></a></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-size-l t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-size-l t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-size-l t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-size-l t-is-disabled\\">跳转链接</a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-size-l t-link--hover-underline\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M2.3 13.7a1 1 0 00.7.3h10a1 1 0 001-1V8.5h-1V13H3V3h4.5V2H3a1 1 0 00-1 1v10c0 .27.1.52.3.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M9 3V2h4.5c.28 0 .5.22.5.5V7h-1V3.7L8.7 8 8 7.3 12.3 3H9z\\" fill-opacity=\\"0.9\\"></path></svg></span></a></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/link/_example/size.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\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-size-s t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-size-s t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-size-s t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-size-s t-is-disabled\\">跳转链接</a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-size-s t-link--hover-underline\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z\\"></path></svg></span></a></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-is-disabled\\">跳转链接</a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-link--hover-underline\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z\\"></path></svg></span></a></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-default t-size-l t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-size-l t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-size-l t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-size-l t-is-disabled\\">跳转链接</a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-size-l t-link--hover-underline\\"> 跳转链接 <span class=\\"t-link__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-jump\\"><path fill=\\"currentColor\\" d=\\"M3 21V3h7.1v2H5v14h14v-5.1h2V21H3zm7.59-9l7-7H13V3h8v8h-2V6.41l-7 7L10.59 12z\\"></path></svg></span></a></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/link/_example/theme.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-link--theme-default t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-danger t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-warning t-link--hover-underline\\"> 跳转链接 </a></div><div class=\\"t-space-item\\"><a target=\\"\\" class=\\"t-link t-link--theme-success t-link--hover-underline\\"> 跳转链接 </a></div></div>"`;
 
@@ -592,7 +594,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><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作1</a><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作2</a><a target=\\"\\" class=\\"t-link 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-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作1</a><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作2</a><a target=\\"\\" class=\\"t-link 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-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-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-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-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-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作1</a><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作2</a><a target=\\"\\" class=\\"t-link 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-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作1</a><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" style=\\"margin-left:16px;\\">操作2</a><a target=\\"\\" class=\\"t-link 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-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit\\"><path fill=\\"currentColor\\" d=\\"M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-download\\"><path fill=\\"currentColor\\" d=\\"M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></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-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit\\"><path fill=\\"currentColor\\" d=\\"M15.75 2.95a2 2 0 012.83 0l2.47 2.47a2 2 0 010 2.83l-11.9 11.9-6.37 1.07 1.07-6.38 11.9-11.9zM15.52 6l2.47 2.48 1.65-1.64-2.48-2.48L15.52 6zm1.06 3.9l-2.47-2.48-8.39 8.38-.5 2.98 2.98-.5 8.38-8.39z\\"></path></svg></span></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-download\\"><path fill=\\"currentColor\\" d=\\"M13 3v9.59l3.5-3.5 1.41 1.41L12 16.41 6.09 10.5 7.5 9.09l3.5 3.5V3h2zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></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>"`;
 
@@ -622,37 +624,37 @@ exports[`ssr snapshot test > renders ./src/loading/_example/wrap.vue correctly 1
 
 exports[`ssr snapshot test > renders ./src/menu/_example/closable-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" height=\\"550px\\" class=\\"t-default-menu t-menu--light t-is-collapsed\\" style=\\"height:100%;width:64px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><span>LOGO</span></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-dashboard\\"><use href=\\"#t-icon-dashboard\\"></use></svg><span class=\\"t-menu__content\\"> 仪表盘 </span></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><svg class=\\"t-icon t-icon-mail\\"><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\"><span>信息区</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(-90deg);margin-left:auto;\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-play-circle\\"><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\"> 视频区 </span></li><li class=\\"t-menu__item t-is-disabled\\"><svg class=\\"t-icon t-icon-edit-1\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源区 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg class=\\"t-icon t-icon-chevron-right\\"><use href=\\"#t-icon-chevron-right\\"></use></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/custom-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\" data-v-92091f28><div class=\\"t-head-menu__inner\\"><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">菜单1</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">菜单2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">菜单3</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">禁用菜单</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-92091f28><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-92091f28><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-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\" data-v-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-92091f28><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\\" data-v-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-92091f28></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/custom-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\" data-v-92091f28><div class=\\"t-head-menu__inner\\"><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">菜单1</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">菜单2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">菜单3</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-92091f28><span class=\\"t-menu__content\\">禁用菜单</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-92091f28><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-92091f28></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-92091f28><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-92091f28><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-92091f28></path></svg></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/custom-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">禁用菜单</span></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/double.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" data-v-3a8c765e><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-3a8c765e><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-3a8c765e></div><ul class=\\"t-menu\\"><li class=\\"t-submenu t-is-opened\\" data-v-3a8c765e><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened\\"><span data-v-3a8c765e>菜单1</span></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-3</span></li></ul></li><li class=\\"t-submenu\\" data-v-3a8c765e><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span data-v-3a8c765e>菜单2</span></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-3</span></li></ul></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-3a8c765e><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-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-3a8c765e><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\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-3a8c765e></path></svg></button></div></div></div><div class=\\"t-menu t-head-menu t-menu--dark\\" style=\\"margin-top:24px;\\" data-v-3a8c765e><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-3a8c765e></div><ul class=\\"t-menu\\"><li class=\\"t-submenu t-is-opened\\" data-v-3a8c765e><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened\\"><span data-v-3a8c765e>菜单1</span></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-3</span></li></ul></li><li class=\\"t-submenu\\" data-v-3a8c765e><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span data-v-3a8c765e>菜单2</span></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-3</span></li></ul></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-3a8c765e><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-3a8c765e><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-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-3a8c765e><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\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-3a8c765e></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/double.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" data-v-3a8c765e><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-3a8c765e><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-3a8c765e></div><ul class=\\"t-menu\\"><li class=\\"t-submenu t-is-opened\\" data-v-3a8c765e><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened\\"><span data-v-3a8c765e>菜单1</span></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-3</span></li></ul></li><li class=\\"t-submenu\\" data-v-3a8c765e><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span data-v-3a8c765e>菜单2</span></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-3</span></li></ul></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-3a8c765e></path></svg></button></div></div></div><div class=\\"t-menu t-head-menu t-menu--dark\\" style=\\"margin-top:24px;\\" data-v-3a8c765e><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-3a8c765e></div><ul class=\\"t-menu\\"><li class=\\"t-submenu t-is-opened\\" data-v-3a8c765e><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom t-is-opened\\"><span data-v-3a8c765e>菜单1</span></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单1-3</span></li></ul></li><li class=\\"t-submenu\\" data-v-3a8c765e><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span data-v-3a8c765e>菜单2</span></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-2</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-3a8c765e><span class=\\"t-menu__content\\">子菜单2-3</span></li></ul></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-3a8c765e><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-3a8c765e></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a8c765e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-3a8c765e><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-3a8c765e></path></svg></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/group-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">主导航</div><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-app\\"><use href=\\"#t-icon-app\\"></use></svg><span class=\\"t-menu__content\\"> 仪表盘 </span></li></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">组件</div><li class=\\"t-submenu\\"><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><svg class=\\"t-icon t-icon-server\\"><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\">列表项</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-edit-1\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 表单项 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-root-list\\"><use href=\\"#t-icon-root-list\\"></use></svg><span class=\\"t-menu__content\\"> 详情页 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-check\\"><use href=\\"#t-icon-check\\"></use></svg><span class=\\"t-menu__content\\"> 结果页 </span></li></div><div class=\\"t-menu-group\\"><div class=\\"t-menu-group__title\\">更多</div><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-user\\"><use href=\\"#t-icon-user\\"></use></svg><span class=\\"t-menu__content\\"> 个人页 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-login\\"><use href=\\"#t-icon-login\\"></use></svg><span class=\\"t-menu__content\\"> 登录页 </span></li></div></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-view-list\\"><use href=\\"#t-icon-view-list\\"></use></svg></span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-dark.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-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></button><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-mail\\"><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-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></button><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-dark.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></button></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--light\\"><div class=\\"t-head-menu__inner\\"><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容一</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-mode-tile.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">111菜单内容一</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-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></button><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-mail\\"><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-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></button><button type=\\"button\\" class=\\"t-button t-button--variant-text 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-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-mode-tile.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\"><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">111菜单内容一</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">已选内容</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容二</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">菜单内容三</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\"><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-tile.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\" data-v-46745d88><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-46745d88></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单1 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-3 </span></li></ul></li></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单2 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单2-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单2-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单2-3 </span></li></ul></li></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单3 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单3-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单3-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单3-3 </span></li></ul></li></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\">菜单4</span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-46745d88><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-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\" data-v-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-46745d88><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\\" data-v-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-46745d88></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/head-menu-tile.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-menu t-head-menu t-menu--dark\\" data-v-46745d88><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-46745d88></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单1 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单1-3 </span></li></ul></li></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单2 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单2-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单2-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单2-3 </span></li></ul></li></span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 菜单3 <li class=\\"t-submenu\\" data-v-46745d88><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"></div><ul style=\\"opacity:0;width:0;height:0;overflow:hidden;\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单3-1 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单3-2 </span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\"> 子菜单3-3 </span></li></ul></li></span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-46745d88><span class=\\"t-menu__content\\">菜单4</span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-46745d88></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-46745d88><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-46745d88><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-46745d88></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/multi-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" data-v-3a81e078><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-submenu t-is-opened\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><svg class=\\"t-icon t-icon-mail\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-user-circle\\" data-v-3a81e078><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\"> 个人中心 </span></li><li class=\\"t-submenu t-is-disabled\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-disabled\\"><svg class=\\"t-icon t-icon-play-circle\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-edit-1\\" data-v-3a81e078><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><span class=\\"t-button__text\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\" data-v-3a81e078><path fill=\\"currentColor\\" d=\\"M14 4.5H2v-1h12v1zM14 8.5H2v-1h12v1zM2 12.5h12v-1H2v1z\\" fill-opacity=\\"0.9\\" data-v-3a81e078></path></svg></button></span></button></div></div></div><div height=\\"550px\\" class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;margin-left:40px;\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-dashboard\\" data-v-3a81e078><use href=\\"#t-icon-dashboard\\"></use></svg><span class=\\"t-menu__content\\"> 仪表盘 </span></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-server\\" data-v-3a81e078><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\"> 资源列表 </span></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-root-list\\" data-v-3a81e078><use href=\\"#t-icon-root-list\\"></use></svg><span class=\\"t-menu__content\\"> 根目录 </span></li><li class=\\"t-submenu t-is-opened\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><svg class=\\"t-icon t-icon-control-platform\\" data-v-3a81e078><use href=\\"#t-icon-control-platform\\"></use></svg><span class=\\"t-menu__content\\">调度平台</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-precise-monitor\\" data-v-3a81e078><use href=\\"#t-icon-precise-monitor\\"></use></svg><span class=\\"t-menu__content\\"> 精准监控 </span></li><li class=\\"t-submenu t-is-disabled\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-disabled\\"><svg class=\\"t-icon t-icon-mail\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-user-circle\\" data-v-3a81e078><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\"> 个人中心 </span></li><li class=\\"t-submenu\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><svg class=\\"t-icon t-icon-play-circle\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-edit-1\\" data-v-3a81e078><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\" data-v-3a81e078><path fill=\\"currentColor\\" d=\\"M14 4.5H2v-1h12v1zM14 8.5H2v-1h12v1zM2 12.5h12v-1H2v1z\\" fill-opacity=\\"0.9\\" data-v-3a81e078></path></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/multi-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" data-v-3a81e078><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-submenu t-is-opened\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><svg class=\\"t-icon t-icon-mail\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-user-circle\\" data-v-3a81e078><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\"> 个人中心 </span></li><li class=\\"t-submenu t-is-disabled\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-disabled\\"><svg class=\\"t-icon t-icon-play-circle\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-edit-1\\" data-v-3a81e078><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><span class=\\"t-button__text\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\" data-v-3a81e078><path fill=\\"currentColor\\" d=\\"M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z\\" data-v-3a81e078></path></svg></button></span></button></div></div></div><div height=\\"550px\\" class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;margin-left:40px;\\" data-v-3a81e078><div class=\\"t-default-menu__inner\\"><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-dashboard\\" data-v-3a81e078><use href=\\"#t-icon-dashboard\\"></use></svg><span class=\\"t-menu__content\\"> 仪表盘 </span></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-server\\" data-v-3a81e078><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\"> 资源列表 </span></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-root-list\\" data-v-3a81e078><use href=\\"#t-icon-root-list\\"></use></svg><span class=\\"t-menu__content\\"> 根目录 </span></li><li class=\\"t-submenu t-is-opened\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><svg class=\\"t-icon t-icon-control-platform\\" data-v-3a81e078><use href=\\"#t-icon-control-platform\\"></use></svg><span class=\\"t-menu__content\\">调度平台</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-precise-monitor\\" data-v-3a81e078><use href=\\"#t-icon-precise-monitor\\"></use></svg><span class=\\"t-menu__content\\"> 精准监控 </span></li><li class=\\"t-submenu t-is-disabled\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-disabled\\"><svg class=\\"t-icon t-icon-mail\\" data-v-3a81e078><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\">消息区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-user-circle\\" data-v-3a81e078><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\"> 个人中心 </span></li><li class=\\"t-submenu\\" data-v-3a81e078><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><svg class=\\"t-icon t-icon-play-circle\\" data-v-3a81e078><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\">视频区</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item\\" data-v-3a81e078><svg class=\\"t-icon t-icon-edit-1\\" data-v-3a81e078><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-3a81e078><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-view-list\\" data-v-3a81e078><path fill=\\"currentColor\\" d=\\"M2 4h20v2H2V4zm0 7h20v2H2v-2zm1 7H2v2h20v-2H3z\\" data-v-3a81e078></path></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" data-v-4dc7c046><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-4dc7c046><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-4dc7c046></div><ul class=\\"t-menu\\"><li class=\\"t-submenu\\" data-v-4dc7c046><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span class=\\"t-menu__content\\"><span data-v-4dc7c046>菜单1</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li><li class=\\"t-submenu\\" data-v-4dc7c046><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span class=\\"t-menu__content\\">菜单2</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-4dc7c046><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-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-4dc7c046><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\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-4dc7c046></path></svg></button></div></div></div><div class=\\"t-menu t-head-menu t-menu--dark\\" style=\\"margin-top:24px;\\" data-v-4dc7c046><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-4dc7c046></div><ul class=\\"t-menu\\"><li class=\\"t-submenu\\" data-v-4dc7c046><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span class=\\"t-menu__content\\"><span data-v-4dc7c046>菜单1</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li><li class=\\"t-submenu\\" data-v-4dc7c046><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span class=\\"t-menu__content\\"><span data-v-4dc7c046>菜单2</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-4dc7c046><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-4dc7c046><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-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-4dc7c046><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\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-4dc7c046></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\" data-v-4dc7c046><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-4dc7c046><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-4dc7c046></div><ul class=\\"t-menu\\"><li class=\\"t-submenu\\" data-v-4dc7c046><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span class=\\"t-menu__content\\"><span data-v-4dc7c046>菜单1</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li><li class=\\"t-submenu\\" data-v-4dc7c046><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span class=\\"t-menu__content\\">菜单2</span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-4dc7c046></path></svg></button></div></div></div><div class=\\"t-menu t-head-menu t-menu--dark\\" style=\\"margin-top:24px;\\" data-v-4dc7c046><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-4dc7c046></div><ul class=\\"t-menu\\"><li class=\\"t-submenu\\" data-v-4dc7c046><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span class=\\"t-menu__content\\"><span data-v-4dc7c046>菜单1</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li><li class=\\"t-submenu\\" data-v-4dc7c046><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--bottom\\"><span class=\\"t-menu__content\\"><span data-v-4dc7c046>菜单2</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-4dc7c046><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-4dc7c046></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-4dc7c046><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-4dc7c046><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-4dc7c046></path></svg></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/popup-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img width=\\"136\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-dashboard\\"><use href=\\"#t-icon-dashboard\\"></use></svg><span class=\\"t-menu__content\\"> 仪表盘 </span></li><li class=\\"t-submenu t-is-opened\\"><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right t-is-opened\\"><svg class=\\"t-icon t-icon-user-circle\\"><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\"><span>个人中心</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow t-fake-arrow--active\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-submenu\\"><div class=\\"t-menu__item t-menu__item-spacer t-menu__item-spacer--right\\"><svg class=\\"t-icon t-icon-root-list\\"><use href=\\"#t-icon-root-list\\"></use></svg><span class=\\"t-menu__content\\"><span>根目录</span></span><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"t-fake-arrow\\" style=\\"transform:rotate(0deg);\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></div><div name=\\"t-slide-down\\"></div></li><li class=\\"t-menu__item t-is-disabled\\"><svg class=\\"t-icon t-icon-server\\"><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\"> 资源列表 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-view-list\\"><use href=\\"#t-icon-view-list\\"></use></svg></span></button></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/side-menu-width.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"wrapper\\"><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:200px;margin-right:20px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">仪表盘</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><span class=\\"t-menu__content\\">信息区</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">视频区</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">资源区</span></li></ul></div></div><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:300px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-dashboard\\"><use href=\\"#t-icon-dashboard\\"></use></svg><span class=\\"t-menu__content\\"> 仪表盘 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-mail\\"><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\"> 信息区 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-play-circle\\"><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\"> 视频区 </span></li><li class=\\"t-menu__item t-is-disabled\\"><svg class=\\"t-icon t-icon-edit-1\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源区 </span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-demo-collapse-btn t-button t-button--variant-text t-button--theme-default t-button--shape-square\\"><span class=\\"t-button__text\\"><svg class=\\"t-icon t-icon-view-list\\"><use href=\\"#t-icon-view-list\\"></use></svg></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/menu/_example/single.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-42966b55><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-42966b55><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-42966b55></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">菜单1</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">菜单2</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">禁用菜单</span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-42966b55><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-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-42966b55><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\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-42966b55></path></svg></button></div></div></div><br data-v-42966b55><div height=\\"120px\\" class=\\"t-menu t-head-menu t-menu--dark\\" data-v-42966b55><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-42966b55></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">菜单1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">菜单2</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">禁用菜单</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-42966b55><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-42966b55><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-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M1.5 4a1 1 0 011-1h11a1 1 0 011 1v8a1 1 0 01-1 1h-11a1 1 0 01-1-1V4zm11.6 0H2.9L8 7.4 13.1 4zm-10.6.93V12h11V4.93L8 8.6 2.5 4.93z\\" fill-opacity=\\"0.9\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-42966b55><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\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\" data-v-42966b55></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/menu/_example/single.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-42966b55><div class=\\"t-menu t-head-menu t-menu--light\\" data-v-42966b55><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\" data-v-42966b55></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">菜单1</span></li><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">菜单2</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">禁用菜单</span></li></ul><div class=\\"t-menu__operations\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" shape=\\"square\\" class=\\"t-icon t-icon-search\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-42966b55></path></svg></button></div></div></div><br data-v-42966b55><div height=\\"120px\\" class=\\"t-menu t-head-menu t-menu--dark\\" data-v-42966b55><div class=\\"t-head-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\" data-v-42966b55></div><ul class=\\"t-menu\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">菜单1</span></li><li class=\\"t-menu__item t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">菜单2</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\" data-v-42966b55><span class=\\"t-menu__content\\">禁用菜单</span></li></ul><div class=\\"t-menu__operations\\"><div class=\\"t-demo-menu--dark\\" data-v-42966b55><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-mail\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M1 3h22v18H1V3zm2 2v1.83l9 4.55 9-4.55V5H3zm18 4.07l-9 4.55-9-4.55V19h18V9.07z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\" data-v-42966b55></path></svg></button><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square\\" data-v-42966b55><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\" data-v-42966b55><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\" data-v-42966b55></path></svg></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/menu/_example/single-side.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"box\\"><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active t-menu__item--plain\\"><a href=\\"/vue\\" target=\\"_blank\\" class=\\"t-menu__item-link\\"><span class=\\"t-menu__content\\">仪表盘</span></a></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">资源列表</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">根目录</span></li><li class=\\"t-menu__item t-is-disabled t-menu__item--plain\\"><span class=\\"t-menu__content\\">调度平台</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">精准监控</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">消息区</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">个人中心</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">视频区</span></li><li class=\\"t-menu__item t-menu__item--plain\\"><span class=\\"t-menu__content\\">资源编辑</span></li></ul></div></div><div height=\\"550px\\" class=\\"t-default-menu t-menu--light\\" style=\\"height:100%;width:232px;margin-right:40px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-light.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active\\"><svg class=\\"t-icon t-icon-dashboard\\"><use href=\\"#t-icon-dashboard\\"></use></svg><span class=\\"t-menu__content\\"> 仪表盘 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-server\\"><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\"> 资源列表 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-root-list\\"><use href=\\"#t-icon-root-list\\"></use></svg><span class=\\"t-menu__content\\"> 根目录 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-control-platform\\"><use href=\\"#t-icon-control-platform\\"></use></svg><span class=\\"t-menu__content\\"> 调度平台 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-precise-monitor\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><span class=\\"t-menu__content\\"> 精准监控 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-mail\\"><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\"> 消息区 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-user-circle\\"><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\"> 个人中心 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-play-circle\\"><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\"> 视频区 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-edit-1\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul></div></div><div height=\\"550px\\" class=\\"t-default-menu t-menu--dark\\" style=\\"height:100%;width:232px;\\"><div class=\\"t-default-menu__inner\\"><div class=\\"t-menu__logo\\"><img height=\\"28\\" src=\\"https://tdesign.gtimg.com/site/baseLogo-dark.png\\" alt=\\"logo\\"></div><ul class=\\"t-menu t-menu--scroll\\"><li class=\\"t-menu__item t-is-active\\"><svg class=\\"t-icon t-icon-dashboard\\"><use href=\\"#t-icon-dashboard\\"></use></svg><span class=\\"t-menu__content\\"> 仪表盘 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-server\\"><use href=\\"#t-icon-server\\"></use></svg><span class=\\"t-menu__content\\"> 资源列表 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-root-list\\"><use href=\\"#t-icon-root-list\\"></use></svg><span class=\\"t-menu__content\\"> 根目录 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-control-platform\\"><use href=\\"#t-icon-control-platform\\"></use></svg><span class=\\"t-menu__content\\"> 调度平台 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-precise-monitor\\"><use href=\\"#t-icon-precise-monitor\\"></use></svg><span class=\\"t-menu__content\\"> 精准监控 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-mail\\"><use href=\\"#t-icon-mail\\"></use></svg><span class=\\"t-menu__content\\"> 消息区 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-user-circle\\"><use href=\\"#t-icon-user-circle\\"></use></svg><span class=\\"t-menu__content\\"> 个人中心 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-play-circle\\"><use href=\\"#t-icon-play-circle\\"></use></svg><span class=\\"t-menu__content\\"> 视频区 </span></li><li class=\\"t-menu__item\\"><svg class=\\"t-icon t-icon-edit-1\\"><use href=\\"#t-icon-edit-1\\"></use></svg><span class=\\"t-menu__content\\"> 资源编辑 </span></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/message/_example/base.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-message t-is-info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg>用于表示普通操作信息提示<span class=\\"t-message__close\\"></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-success\\"><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>用于表示操作顺利达成<span class=\\"t-message__close\\"></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-warning\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>用于表示操作引起一定后果<span class=\\"t-message__close\\"></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-error\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>用于表示操作引起严重的后果<span class=\\"t-message__close\\"></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-question\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-help-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.8 6.63a2.2 2.2 0 014.39 0c0 .97-.75 1.72-1.49 2.02a.34.34 0 00-.2.32v.8h-1v-.8c0-.56.33-1.04.82-1.24.5-.2.87-.66.87-1.1a1.2 1.2 0 00-2.39 0h-1zm1.67 4.54a.53.53 0 111.05 0 .53.53 0 01-1.05 0z\\" fill-opacity=\\"0.9\\"></path></svg>用于帮助用户操作的信息提示<span class=\\"t-message__close\\"></span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/message/_example/base.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-message t-is-info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>用于表示普通操作信息提示<span class=\\"t-message__close\\"></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-success\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>用于表示操作顺利达成<span class=\\"t-message__close\\"></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-warning\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>用于表示操作引起一定后果<span class=\\"t-message__close\\"></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-error\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>用于表示操作引起严重的后果<span class=\\"t-message__close\\"></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-question\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-help-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z\\"></path></svg>用于帮助用户操作的信息提示<span class=\\"t-message__close\\"></span></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/message/_example/close.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-beccb196><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info t-is-closable\\" data-v-beccb196><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg>点击关闭按钮触发事件 close-btn-click <span class=\\"t-message__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info t-is-closable\\" data-v-beccb196><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg>自定义关闭按钮（文字）<span class=\\"t-message__close\\">关闭</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info t-is-closable\\" data-v-beccb196><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg>自定义关闭按钮（函数）<span class=\\"t-message__close\\"><div class=\\"t-message__close\\" data-v-beccb196><b data-v-beccb196>x</b></div></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info t-is-closable\\" data-v-beccb196><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg> 自定义关闭按钮（插槽） <span class=\\"t-message__close\\"><div class=\\"t-message__close\\" data-v-beccb196><b data-v-beccb196>x</b></div></span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/message/_example/close.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-beccb196><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info t-is-closable\\" data-v-beccb196><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>点击关闭按钮触发事件 close-btn-click <span class=\\"t-message__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info t-is-closable\\" data-v-beccb196><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>自定义关闭按钮（文字）<span class=\\"t-message__close\\">关闭</span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info t-is-closable\\" data-v-beccb196><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>自定义关闭按钮（函数）<span class=\\"t-message__close\\"><div class=\\"t-message__close\\" data-v-beccb196><b data-v-beccb196>x</b></div></span></div></div><div class=\\"t-space-item\\"><div class=\\"t-message t-is-info t-is-closable\\" data-v-beccb196><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg> 自定义关闭按钮（插槽） <span class=\\"t-message__close\\"><div class=\\"t-message__close\\" data-v-beccb196><b data-v-beccb196>x</b></div></span></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/message/_example/close-all.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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">点击打开多个消息</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" id=\\"t-demo-msg-close-all\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">点击关闭所有消息</span></button></div></div>"`;
 
@@ -664,30 +666,30 @@ exports[`ssr snapshot test > renders ./src/message/_example/plugin.vue correctly
 
 exports[`ssr snapshot test > renders ./src/message/_example/toggle.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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\"> 自由控制关闭时机（打开） </span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/message/_example/type.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-demo-message\\" data-v-c8aa4ce6><div class=\\"t-message t-is-info\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg>用户表示普通操作信息提示<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-success\\" data-v-c8aa4ce6><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>用户表示操作顺利达成<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-warning\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>用户表示操作引起一定后果<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-error\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>用户表示操作引起严重的后果<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-question\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-help-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.8 6.63a2.2 2.2 0 014.39 0c0 .97-.75 1.72-1.49 2.02a.34.34 0 00-.2.32v.8h-1v-.8c0-.56.33-1.04.82-1.24.5-.2.87-.66.87-1.1a1.2 1.2 0 00-2.39 0h-1zm1.67 4.54a.53.53 0 111.05 0 .53.53 0 01-1.05 0z\\" fill-opacity=\\"0.9\\"></path></svg>用于帮助用户操作的信息提示<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-loading\\" data-v-c8aa4ce6><div class=\\"t-loading--center t-size-m t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"medium\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div>用于表示操作正在生效的过程中<span class=\\"t-message__close\\"></span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/message/_example/type.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-demo-message\\" data-v-c8aa4ce6><div class=\\"t-message t-is-info\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg>用户表示普通操作信息提示<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-success\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>用户表示操作顺利达成<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-warning\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>用户表示操作引起一定后果<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-error\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>用户表示操作引起严重的后果<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-question\\" data-v-c8aa4ce6><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-help-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zm-.17-11.11c.43-.53.97-.97 1.4-1.32A2 2 0 0012 7a2 2 0 00-1.89 1.33l-.33.95L7.9 8.6l.34-.94a4 4 0 116.24 4.47 7 7 0 00-1.1 1.01c-.27.34-.37.61-.37.85v1.25h-2V14c0-.87.39-1.57.83-2.11zM11 18.25v-2h2v2h-2z\\"></path></svg>用于帮助用户操作的信息提示<span class=\\"t-message__close\\"></span></div><div class=\\"t-message t-is-loading\\" data-v-c8aa4ce6><div class=\\"t-loading--center t-size-m t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"medium\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div>用于表示操作正在生效的过程中<span class=\\"t-message__close\\"></span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/notification/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">标题名称</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">标题名称</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知（展示 5 秒后消失）</div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/notification/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">标题名称</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">标题名称</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知（展示 5 秒后消失）</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/notification/_example/close.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-6204336f><div class=\\"t-notification\\" data-v-6204336f><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义关闭按钮(false)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-6204336f><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义关闭按钮(文字)</span><span class=\\"t-message__close\\">关闭</span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-6204336f><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义关闭按钮(函数)</span><span class=\\"t-message__close\\"><span data-v-6204336f>close</span></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-6204336f><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义关闭按钮(插槽)</span><span class=\\"t-message__close\\">x</span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\" data-v-6204336f><span class=\\"t-button__text\\">处理开关事件</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\" data-v-6204336f><span class=\\"t-button__text\\">处理定时关闭事件（3s）</span></button><!----><!----></div>"`;
+exports[`ssr snapshot test > renders ./src/notification/_example/close.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-6204336f><div class=\\"t-notification\\" data-v-6204336f><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义关闭按钮(false)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-6204336f><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义关闭按钮(文字)</span><span class=\\"t-message__close\\">关闭</span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-6204336f><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义关闭按钮(函数)</span><span class=\\"t-message__close\\"><span data-v-6204336f>close</span></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-6204336f><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义关闭按钮(插槽)</span><span class=\\"t-message__close\\">x</span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\" data-v-6204336f><span class=\\"t-button__text\\">处理开关事件</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\" data-v-6204336f><span class=\\"t-button__text\\">处理定时关闭事件（3s）</span></button><!----><!----></div>"`;
 
 exports[`ssr snapshot test > renders ./src/notification/_example/close-all.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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">点击打开多个通知</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" id=\\"t-demo-msg-close-all\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">点击关闭所有通知</span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/notification/_example/content.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义内容(字符串)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义内容(函数)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\"><div>这是一条消息通知</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义内容(插槽)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\"><span>这是一条消息通知</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/notification/_example/content.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义内容(字符串)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义内容(函数)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\"><div>这是一条消息通知</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义内容(插槽)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\"><span>这是一条消息通知</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/notification/_example/footer.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-9ea0c098><div class=\\"t-notification\\" data-v-9ea0c098><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义底部详情(函数)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div><div class=\\"t-notification__detail\\" data-v-9ea0c098><span class=\\"t-notification__detail-item t-is-active\\" data-v-9ea0c098>查看详情</span></div></div></div><div class=\\"t-notification\\" data-v-9ea0c098><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义底部详情(插槽)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div><div class=\\"t-notification__detail\\" data-v-9ea0c098><span class=\\"t-notification__detail-item\\" data-v-9ea0c098>重启</span><span class=\\"t-notification__detail-item t-is-active\\" data-v-9ea0c098>查看详情</span></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/notification/_example/footer.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-9ea0c098><div class=\\"t-notification\\" data-v-9ea0c098><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义底部详情(函数)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div><div class=\\"t-notification__detail\\" data-v-9ea0c098><span class=\\"t-notification__detail-item t-is-active\\" data-v-9ea0c098>查看详情</span></div></div></div><div class=\\"t-notification\\" data-v-9ea0c098><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">自定义底部详情(插槽)</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div><div class=\\"t-notification__detail\\" data-v-9ea0c098><span class=\\"t-notification__detail-item\\" data-v-9ea0c098>重启</span><span class=\\"t-notification__detail-item t-is-active\\" data-v-9ea0c098>查看详情</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/notification/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">普通通知</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条普通的消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-error\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">危险通知</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条危险的消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-warning\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">告警通知</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条告警的消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-is-success\\"><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><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">成功通知</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条成功的消息通知</div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/notification/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">普通通知</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条普通的消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-error\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">危险通知</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条危险的消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-warning\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">告警通知</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条告警的消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-is-success\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">成功通知</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条成功的消息通知</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/notification/_example/offset.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">偏移的信息</span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/notification/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">超出的文本省略号显示</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">文案不限长度，但在实际使用时建议文案显示内容不易过多，建议最大展示行数数量以三行为宜，最后一行折行末尾处超出文本建议会变为省略号显示。</div><div class=\\"t-notification__detail\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-primary t-notification__detail-item\\"><span class=\\"t-button__text\\">查看详情</span></button></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">带关闭按钮</span><span class=\\"t-message__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">消息通知标题</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">使用 function 自定义底部内容</div><div class=\\"t-notification__detail\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-primary t-notification__detail-item\\"><span class=\\"t-button__text\\">查看详情</span></button></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\"><div>消息通知标题 <small>消息通知副标题</small></div></span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">1. 使用插槽自定义标题 2. 使用插槽自定义底部内容</div><div class=\\"t-notification__detail\\"><button type=\\"button\\" class=\\"t-notification__detail-item t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">取消</span></button><button type=\\"button\\" class=\\"t-notification__detail-item t-button t-button--variant-text t-button--theme-primary\\"><span class=\\"t-button__text\\"> 稍后提醒我(10s) </span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/notification/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">超出的文本省略号显示</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">文案不限长度，但在实际使用时建议文案显示内容不易过多，建议最大展示行数数量以三行为宜，最后一行折行末尾处超出文本建议会变为省略号显示。</div><div class=\\"t-notification__detail\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-primary t-notification__detail-item\\"><span class=\\"t-button__text\\">查看详情</span></button></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">带关闭按钮</span><span class=\\"t-message__close\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">消息通知标题</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">使用 function 自定义底部内容</div><div class=\\"t-notification__detail\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-primary t-notification__detail-item\\"><span class=\\"t-button__text\\">查看详情</span></button></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\"><div>消息通知标题 <small>消息通知副标题</small></div></span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">1. 使用插槽自定义标题 2. 使用插槽自定义底部内容</div><div class=\\"t-notification__detail\\"><button type=\\"button\\" class=\\"t-notification__detail-item t-button t-button--variant-text t-button--theme-default\\"><span class=\\"t-button__text\\">取消</span></button><button type=\\"button\\" class=\\"t-notification__detail-item t-button t-button--variant-text t-button--theme-primary\\"><span class=\\"t-button__text\\"> 稍后提醒我(10s) </span></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/notification/_example/placement.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-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入横向偏移量\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入纵向偏移量\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:30px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:30px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-button--variant-outline 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-vertical\\" style=\\"gap:30px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">右下角</span></button></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/notification/_example/plugin.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:42px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><p>插件调用</p></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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">1000ms</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">2000ms</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\"> 永久显示 </span></button></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><p>函数调用</p></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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">info</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">success</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">warning</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">error</span></button></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/notification/_example/size.vue correctly 1`] = `
-"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">宽度固定400px</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">文本内容最多支持三行</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条内容为******************************
+"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">宽度固定400px</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-notification\\"><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">文本内容最多支持三行</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条内容为******************************
       ****************************************************
       ****************************************************
       *********************的消息通知</div></div></div></div></div>"
@@ -695,33 +697,33 @@ exports[`ssr snapshot test > renders ./src/notification/_example/size.vue correc
 
 exports[`ssr snapshot test > renders ./src/notification/_example/toggle.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-293420ed><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\" data-v-293420ed><span class=\\"t-button__text\\">自由控制关闭时机（打开）</span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/notification/_example/type.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-0500de13><div class=\\"t-notification\\" data-v-0500de13><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">信息</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-0500de13><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-is-success\\"><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><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">成功</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-0500de13><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-warning\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">警告</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-0500de13><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-error\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM7.4 4h1.2v1.2H7.4V4zm.1 2.5h1V12h-1V6.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">错误</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/notification/_example/type.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-0500de13><div class=\\"t-notification\\" data-v-0500de13><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-info\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">信息</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-0500de13><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-is-success\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">成功</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-0500de13><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-warning\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">警告</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div><div class=\\"t-notification\\" data-v-0500de13><div class=\\"t-notification__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-info-circle-filled t-is-error\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM11 8.5v-2h2v2h-2zm2 1.5v7.5h-2V10h2z\\"></path></svg></div><div class=\\"t-notification__main\\"><div class=\\"t-notification__title__wrap\\"><span class=\\"t-notification__title\\">错误</span><span class=\\"t-message__close\\"></span></div><div class=\\"t-notification__content\\">这是一条消息通知</div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/notification/_example/type4Fn.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-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-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-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">错误</span></button></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 36 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><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\\">1</li><li class=\\"t-pagination__number\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li><li class=\\"t-pagination__number\\">7</li><li class=\\"t-pagination__number\\">8</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><br><br><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 36 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-page-first\\"><path fill=\\"currentColor\\" d=\\"M12.4 4.46l-.91-.92L7.03 8l4.46 4.46.92-.92L8.86 8l3.55-3.54zM4.8 4v8h1.3V4H4.8z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-pagination__btn t-pagination__btn-prev\\"><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\\">1</li><li class=\\"t-pagination__number t-is-current\\">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__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-page-last\\"><path fill=\\"currentColor\\" d=\\"M3.6 11.54l.91.92L8.97 8 4.51 3.54l-.92.92L7.14 8l-3.55 3.54zm7.6.46V4H9.9v8h1.3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 36 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number\\">1</li><li class=\\"t-pagination__number\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li><li class=\\"t-pagination__number\\">7</li><li class=\\"t-pagination__number\\">8</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div><br><br><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 36 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-page-first\\"><path fill=\\"currentColor\\" d=\\"M8.5 5v14h-2V5h2zm9.16 1.75L12.41 12l5.25 5.25-1.41 1.41L9.59 12l6.66-6.66 1.41 1.41z\\"></path></svg></div><div class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number\\">1</li><li class=\\"t-pagination__number t-is-current\\">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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-page-last\\"><path fill=\\"currentColor\\" d=\\"M17.5 5v14h-2V5h2zm-9.75.34L14.41 12l-6.66 6.66-1.41-1.41L11.59 12 6.34 6.75l1.41-1.41z\\"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/customizable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div show-sizer=\\"\\" class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 200 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"20 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">20 条/页</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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li><li class=\\"t-pagination__number\\">7</li><li class=\\"t-pagination__number\\">8</li><li class=\\"t-pagination__number\\">9</li><li class=\\"t-pagination__number\\">10</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\\">跳至<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\\"><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\\">/ 10 页</span></span></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/customizable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div show-sizer=\\"\\" class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 200 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"20 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">20 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li><li class=\\"t-pagination__number\\">7</li><li class=\\"t-pagination__number\\">8</li><li class=\\"t-pagination__number\\">9</li><li class=\\"t-pagination__number\\">10</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<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\\"><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\\">/ 10 页</span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div show-sizer=\\"\\" class=\\"t-pagination t-size-m t-is-disabled\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" title=\\"5 条/页\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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-disabled t-is-current\\">1</li><li class=\\"t-pagination__number t-is-disabled\\">2</li><li class=\\"t-pagination__number t-is-disabled\\">3</li><li class=\\"t-pagination__number t-is-disabled\\">4</li><li class=\\"t-pagination__number t-is-disabled\\">5</li><li class=\\"t-pagination__number t-pagination__number--more t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number t-is-disabled\\">20</li></ul><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-next 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></div><div class=\\"t-pagination__jump\\">跳至<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\\"><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\\">/ 20 页</span></span></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div show-sizer=\\"\\" class=\\"t-pagination t-size-m t-is-disabled\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" title=\\"5 条/页\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-disabled t-is-current\\">1</li><li class=\\"t-pagination__number t-is-disabled\\">2</li><li class=\\"t-pagination__number t-is-disabled\\">3</li><li class=\\"t-pagination__number t-is-disabled\\">4</li><li class=\\"t-pagination__number t-is-disabled\\">5</li><li class=\\"t-pagination__number t-pagination__number--more t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number t-is-disabled\\">20</li></ul><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-next t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<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\\"><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\\">/ 20 页</span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/few.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 49 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><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\\">1</li><li class=\\"t-pagination__number t-is-current\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</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></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/few.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 49 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number\\">1</li><li class=\\"t-pagination__number t-is-current\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/jump.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 101 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"20 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">20 条/页</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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</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\\">跳至<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\\"><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\\">/ 6 页</span></span></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/jump.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 101 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"20 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">20 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<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\\"><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\\">/ 6 页</span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/mini.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-s\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-s 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=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">20</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></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/mini.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-s\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-s 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=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">20</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/more.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;width:100%;\\"><div class=\\"t-space-item\\"><span>展示首尾页码省略</span></div><div class=\\"t-space-item\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><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\\">1</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">10</li><li class=\\"t-pagination__number\\">11</li><li class=\\"t-pagination__number t-is-current\\">12</li><li class=\\"t-pagination__number\\">13</li><li class=\\"t-pagination__number\\">14</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">20</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></div><div class=\\"t-space-item\\"><span>不展示首尾页码省略</span></div><div class=\\"t-space-item\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><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\\">10</li><li class=\\"t-pagination__number\\">11</li><li class=\\"t-pagination__number t-is-current\\">12</li><li class=\\"t-pagination__number\\">13</li><li class=\\"t-pagination__number\\">14</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></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/more.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:24px;width:100%;\\"><div class=\\"t-space-item\\"><span>展示首尾页码省略</span></div><div class=\\"t-space-item\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number\\">1</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">10</li><li class=\\"t-pagination__number\\">11</li><li class=\\"t-pagination__number t-is-current\\">12</li><li class=\\"t-pagination__number\\">13</li><li class=\\"t-pagination__number\\">14</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">20</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div><div class=\\"t-space-item\\"><span>不展示首尾页码省略</span></div><div class=\\"t-space-item\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number\\">10</li><li class=\\"t-pagination__number\\">11</li><li class=\\"t-pagination__number t-is-current\\">12</li><li class=\\"t-pagination__number\\">13</li><li class=\\"t-pagination__number\\">14</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/page-num.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div show-sizer=\\"\\" class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 645 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"每页 30 条\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">每页 30 条</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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">22</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></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/page-num.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div show-sizer=\\"\\" class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 645 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"每页 30 条\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">每页 30 条</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">22</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/pagination-mini.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-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>layout:</span></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'vertical'\\" value=\\"vertical\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">vertical</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'horizontal'\\" value=\\"horizontal\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">horizontal</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></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>size:</span></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'small'\\" value=\\"small\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">small</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'medium'\\" value=\\"medium\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">medium</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'large'\\" value=\\"large\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">large</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-pagination-mini\\"><button type=\\"button\\" title=\\"前尘忆梦\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square t-pagination-mini__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"回到现在\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M8 11.5a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM8 13A5 5 0 108 3a5 5 0 000 10z\\" fill-opacity=\\"0.9\\"></path></svg></button><button type=\\"button\\" title=\\"展望未来\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square t-pagination-mini__next\\"><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></button></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/pagination-mini.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-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span>layout:</span></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'vertical'\\" value=\\"vertical\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">vertical</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'horizontal'\\" value=\\"horizontal\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">horizontal</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></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>size:</span></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'small'\\" value=\\"small\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">small</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'medium'\\" value=\\"medium\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">medium</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'large'\\" value=\\"large\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">large</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-pagination-mini\\"><button type=\\"button\\" title=\\"前尘忆梦\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square t-pagination-mini__prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button><button type=\\"button\\" title=\\"回到现在\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square t-pagination-mini__current\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-round\\"><path fill=\\"currentColor\\" d=\\"M12 6a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1116 0 8 8 0 01-16 0z\\"></path></svg></button><button type=\\"button\\" title=\\"展望未来\\" class=\\"t-button t-button--variant-text t-button--theme-default t-button--shape-square t-pagination-mini__next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/simple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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><div class=\\"t-pagination__jump\\">跳至<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\\"><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\\">/ 20 页</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>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/simple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<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\\"><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\\">/ 20 页</span></span></div></div><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/simple-mini.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-pagination t-size-s\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-s 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=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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><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\\"><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\\">/ 20 页</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>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/simple-mini.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-pagination t-size-s\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-s 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=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\"><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\\">/ 20 页</span></span></div></div><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/pagination/_example/total.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 685 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><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\\">1</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">10</li><li class=\\"t-pagination__number\\">11</li><li class=\\"t-pagination__number t-is-current\\">12</li><li class=\\"t-pagination__number\\">13</li><li class=\\"t-pagination__number\\">14</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">69</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></div>"`;
+exports[`ssr snapshot test > renders ./src/pagination/_example/total.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 685 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number\\">1</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">10</li><li class=\\"t-pagination__number\\">11</li><li class=\\"t-pagination__number t-is-current\\">12</li><li class=\\"t-pagination__number\\">13</li><li class=\\"t-pagination__number\\">14</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">69</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/popconfirm/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:80px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">提交审核</span></button></div></div>"`;
 
@@ -753,17 +755,17 @@ exports[`ssr snapshot test > renders ./src/popup/_example/trigger-element.vue co
 
 exports[`ssr snapshot test > renders ./src/popup/_example/visible.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">点击控制浮层显示</span></button></div>"`;
 
-exports[`ssr snapshot test > renders ./src/progress/_example/circle.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:36px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>默认</div></div><div class=\\"t-space-item\\"><div class=\\"ml-36px t-space t-space-horizontal\\" style=\\"gap:78px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>默认样式</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>不显示数字</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--success\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>自定义内容</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--success\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">75day</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"ml-36px t-space t-space-horizontal\\" style=\\"gap:78px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>进度完成</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--success\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check t-progress__icon\\"><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></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>进度状态发生错误</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--error\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-progress__icon\\"><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></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"249.75661596038856  83.25220532012952\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>进度被中断</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--warning\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z\\" fill-opacity=\\"0.9\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div data-v-0a03ddaa>默认不同尺寸</div></div><div class=\\"t-space-item\\"><div class=\\"ml-44px t-space t-space-horizontal\\" style=\\"gap:110px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>小尺寸</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:72px;height:72px;font-size:14px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"72\\" height=\\"72\\" viewBox=\\"0 0 72 72\\"><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,72)\\" stroke-dasharray=\\"64.08849013323179  149.53981031087415\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>默认尺寸</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>大尺寸</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:160px;height:160px;font-size:36px;\\"><div class=\\"t-progress__info\\">75%</div><svg width=\\"160\\" height=\\"160\\" viewBox=\\"0 0 160 160\\"><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,160)\\" stroke-dasharray=\\"362.8539514896211  120.95131716320704\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/progress/_example/circle.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:36px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>默认</div></div><div class=\\"t-space-item\\"><div class=\\"ml-36px t-space t-space-horizontal\\" style=\\"gap:78px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>默认样式</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>不显示数字</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--success\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>自定义内容</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--success\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">75day</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"ml-36px t-space t-space-horizontal\\" style=\\"gap:78px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>进度完成</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--success\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>进度状态发生错误</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--error\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"249.75661596038856  83.25220532012952\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>进度被中断</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--warning\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div data-v-0a03ddaa>默认不同尺寸</div></div><div class=\\"t-space-item\\"><div class=\\"ml-44px t-space t-space-horizontal\\" style=\\"gap:110px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>小尺寸</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:72px;height:72px;font-size:14px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"72\\" height=\\"72\\" viewBox=\\"0 0 72 72\\"><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,72)\\" stroke-dasharray=\\"64.08849013323179  149.53981031087415\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>默认尺寸</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:10px;\\" data-v-0a03ddaa><div class=\\"t-space-item\\"><div data-v-0a03ddaa>大尺寸</div></div><div class=\\"t-space-item\\"><div class=\\"t-progress\\" data-v-0a03ddaa><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:160px;height:160px;font-size:36px;\\"><div class=\\"t-progress__info\\">75%</div><svg width=\\"160\\" height=\\"160\\" viewBox=\\"0 0 160 160\\"><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,160)\\" stroke-dasharray=\\"362.8539514896211  120.95131716320704\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/progress/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:20px;\\"><div class=\\"t-space-item\\"><div><div>不显示标签</div><div class=\\"t-progress\\"><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"279.72740987563515  53.2814114048829\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div><div class=\\"t-progress\\"><div class=\\"t-progress--thin t-progress--status--undefined\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:84%;background:;\\"></div></div><div class=\\"t-progress__info\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div><div>自定义高度</div><div class=\\"t-progress\\"><div class=\\"t-progress--thin t-progress--status--undefined\\"><div class=\\"t-progress__bar\\" style=\\"height:30px;background-color:;border-radius:30px;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:linear-gradient( 90deg,#FFC86E,#E66A72 );\\"></div></div><div class=\\"t-progress__info\\">30%</div></div></div><div>自定义尺寸</div><div class=\\"t-progress\\"><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:200px;height:200px;font-size:45px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"200\\" height=\\"200\\" viewBox=\\"0 0 200 200\\"><circle cx=\\"100\\" cy=\\"100\\" r=\\"90\\" stroke-width=\\"20\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"100\\" cy=\\"100\\" r=\\"90\\" stroke-width=\\"20\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,200)\\" stroke-dasharray=\\"169.64600329384882  395.8406743523139\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div class=\\"t-space-item\\"><div><div>自定义颜色</div><div class=\\"t-progress\\"><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:linear-gradient(to right, #7B7BE0 0%,#6392F7 100%);\\"><div class=\\"t-progress__info\\">30%</div></div></div></div><div class=\\"t-progress\\"><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">44%</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"#aaa\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:#aaa;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"146.52388136342796  186.48493991709014\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:#52CC8D;\\"></circle></svg></div></div></div></div><div class=\\"t-space-item\\"><div><div>自定义内容</div><div class=\\"t-progress\\"><div class=\\"t-progress--thin t-progress--status--undefined\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"></div></div><div class=\\"t-progress__info\\">&lt;div&gt;45days&lt;/div&gt;</div></div></div><div class=\\"t-progress\\"><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">&lt;div&gt;45days&lt;/div&gt;</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"146.52388136342796  186.48493991709014\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/progress/_example/line.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\" data-v-c74931e2><div class=\\"t-space-item\\"><h3 data-v-c74931e2>默认在线形外展示进度和状态</h3></div><div class=\\"t-space-item\\"><div data-v-c74931e2><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>默认样式</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--undefined\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"></div></div><div class=\\"t-progress__info\\">30%</div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>100%</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:100%;background:;\\"></div></div><div class=\\"t-progress__info\\">100%</div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>进度完成</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:60%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-progress__icon\\"><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></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--error\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:60%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>进度被中断</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:60%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>渐变色</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--active\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:60%;background:linear-gradient(to right, #0052D9, #00A870);\\"></div></div><div class=\\"t-progress__info\\">60%</div></div></div></div></div><div class=\\"t-space-item\\"><h3 data-v-c74931e2>可以在线形内展示进度信息</h3></div><div class=\\"t-space-item\\"><div data-v-c74931e2><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>默认样式</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"><div class=\\"t-progress__info\\">30%</div></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>进度0-10%时数字位置出现在目前进度的右边区域</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress__bar t-progress--plump t-progress--under-ten\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:5%;background:;\\"></div><div class=\\"t-progress__info\\">5%</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/progress/_example/line.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\" data-v-c74931e2><div class=\\"t-space-item\\"><h3 data-v-c74931e2>默认在线形外展示进度和状态</h3></div><div class=\\"t-space-item\\"><div data-v-c74931e2><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>默认样式</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--undefined\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"></div></div><div class=\\"t-progress__info\\">30%</div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>100%</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:100%;background:;\\"></div></div><div class=\\"t-progress__info\\">100%</div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>进度完成</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:60%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--error\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:60%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>进度被中断</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:60%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>渐变色</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress--thin t-progress--status--active\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:60%;background:linear-gradient(to right, #0052D9, #00A870);\\"></div></div><div class=\\"t-progress__info\\">60%</div></div></div></div></div><div class=\\"t-space-item\\"><h3 data-v-c74931e2>可以在线形内展示进度信息</h3></div><div class=\\"t-space-item\\"><div data-v-c74931e2><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>默认样式</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"><div class=\\"t-progress__info\\">30%</div></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-c74931e2>进度0-10%时数字位置出现在目前进度的右边区域</div><div class=\\"t-progress\\" data-v-c74931e2><div class=\\"t-progress__bar t-progress--plump t-progress--under-ten\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:5%;background:;\\"></div><div class=\\"t-progress__info\\">5%</div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/progress/_example/plump.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-098b085e><div data-v-098b085e><div class=\\"t-progress-domo-margin\\" data-v-098b085e>默认样式</div><div class=\\"t-progress\\" data-v-098b085e><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"><div class=\\"t-progress__info\\">30%</div></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-098b085e>进度0-10%时数字数字位置出现在目前进度的右边区域</div><div class=\\"t-progress\\" data-v-098b085e><div class=\\"t-progress__bar t-progress--plump t-progress--under-ten\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:5%;background:;\\"></div><div class=\\"t-progress__info\\">5%</div></div></div><div class=\\"t-progress-domo-margin\\" data-v-098b085e>100%</div><div class=\\"t-progress\\" data-v-098b085e><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:100%;background:;\\"><div class=\\"t-progress__info\\">100%</div></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-098b085e>进度完成</div><div class=\\"t-progress\\" data-v-098b085e><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"><div class=\\"t-progress__info\\">30%</div></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-098b085e>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-098b085e><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"><div class=\\"t-progress__info\\">30%</div></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-098b085e>进度被中断</div><div class=\\"t-progress\\" data-v-098b085e><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:;\\"><div class=\\"t-progress__info\\">30%</div></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-098b085e>渐变色</div><div class=\\"t-progress\\" data-v-098b085e><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--active\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:30%;background:linear-gradient(to right, #0052D9, #00A870);\\"><div class=\\"t-progress__info\\">30%</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/progress/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-f0046ec8><div data-v-f0046ec8>默认</div><div class=\\"t-progress-domo-flex t-progress-domo-margin\\" data-v-f0046ec8><div class=\\"t-progress-domo-inner\\" data-v-f0046ec8><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-f0046ec8><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--error\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-progress__icon\\"><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></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"249.75661596038856  83.25220532012952\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-f0046ec8><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--warning\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z\\" fill-opacity=\\"0.9\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-f0046ec8><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--success\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check t-progress__icon\\"><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></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div data-v-f0046ec8>默认不同尺寸</div><div class=\\"t-progress-domo-margin\\" data-v-f0046ec8><div data-v-f0046ec8>小尺寸</div><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:72px;height:72px;font-size:14px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"72\\" height=\\"72\\" viewBox=\\"0 0 72 72\\"><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,72)\\" stroke-dasharray=\\"64.08849013323179  149.53981031087415\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div><div data-v-f0046ec8>大尺寸</div><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:160px;height:160px;font-size:36px;\\"><div class=\\"t-progress__info\\">75%</div><svg width=\\"160\\" height=\\"160\\" viewBox=\\"0 0 160 160\\"><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,160)\\" stroke-dasharray=\\"362.8539514896211  120.95131716320704\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/progress/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-f0046ec8><div data-v-f0046ec8>默认</div><div class=\\"t-progress-domo-flex t-progress-domo-margin\\" data-v-f0046ec8><div class=\\"t-progress-domo-inner\\" data-v-f0046ec8><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-f0046ec8><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--error\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"249.75661596038856  83.25220532012952\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-f0046ec8><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--warning\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-f0046ec8><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--success\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div data-v-f0046ec8>默认不同尺寸</div><div class=\\"t-progress-domo-margin\\" data-v-f0046ec8><div data-v-f0046ec8>小尺寸</div><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:72px;height:72px;font-size:14px;\\"><div class=\\"t-progress__info\\">30%</div><svg width=\\"72\\" height=\\"72\\" viewBox=\\"0 0 72 72\\"><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,72)\\" stroke-dasharray=\\"64.08849013323179  149.53981031087415\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div><div data-v-f0046ec8>大尺寸</div><div class=\\"t-progress\\" data-v-f0046ec8><div class=\\"t-progress--circle t-progress--status--undefined\\" style=\\"width:160px;height:160px;font-size:36px;\\"><div class=\\"t-progress__info\\">75%</div><svg width=\\"160\\" height=\\"160\\" viewBox=\\"0 0 160 160\\"><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,160)\\" stroke-dasharray=\\"362.8539514896211  120.95131716320704\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/progress/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-4bfcc34d><div data-v-4bfcc34d><div data-v-4bfcc34d>进度完成：</div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-progress__icon\\"><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></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--circle t-progress--status--warning\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z\\" fill-opacity=\\"0.9\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div data-v-4bfcc34d><div data-v-4bfcc34d>进度状态出现重大错误（如下载的文件有损）：</div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--thin t-progress--status--error\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--circle t-progress--status--error\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-progress__icon\\"><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></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div data-v-4bfcc34d><div data-v-4bfcc34d>进度被中断（如失去网络连接）</div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--circle t-progress--status--warning\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M8.5 2h-1v9h1V2zm.1 10.8H7.4V14h1.2v-1.2z\\" fill-opacity=\\"0.9\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/progress/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-4bfcc34d><div data-v-4bfcc34d><div data-v-4bfcc34d>进度完成：</div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--circle t-progress--status--warning\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div data-v-4bfcc34d><div data-v-4bfcc34d>进度状态出现重大错误（如下载的文件有损）：</div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--thin t-progress--status--error\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--circle t-progress--status--error\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div data-v-4bfcc34d><div data-v-4bfcc34d>进度被中断（如失去网络连接）</div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning\\" style=\\"height:;background-color:;border-radius:;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"></div></div><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg></div></div></div><div class=\\"t-progress-domo-margin t-progress\\" data-v-4bfcc34d><div class=\\"t-progress--circle t-progress--status--warning\\" style=\\"width:112px;height:112px;font-size:20px;\\"><div class=\\"t-progress__info\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error t-progress__icon\\"><path fill=\\"currentColor\\" d=\\"M13 2v14.5h-2V2h2zm-2 17h2v2h-2v-2z\\"></path></svg></div><svg width=\\"112\\" height=\\"112\\" viewBox=\\"0 0 112 112\\"><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" stroke=\\"\\" fill=\\"none\\" class=\\"t-progress__circle-outer\\" style=\\"stroke:;\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" class=\\"t-progress__circle-inner\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/radio/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">未选中项</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项</span></label></div><div class=\\"t-space-item\\"><label class=\\"t-radio t-is-checked t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中禁用态</span></label></div><div class=\\"t-space-item\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">未选中禁用态</span></label></div></div>"`;
 
@@ -781,27 +783,27 @@ exports[`ssr snapshot test > renders ./src/range-input/_example/size.vue correct
 
 exports[`ssr snapshot test > renders ./src/range-input/_example/status.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-range-input t-is-success\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\">-</div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-range-input t-is-warning\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\">-</div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-range-input t-is-error\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\">-</div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/rate/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > renders ./src/rate/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > renders ./src/rate/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > renders ./src/rate/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > renders ./src/rate/_example/icon.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-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M9.54 6.38L8 3.26 6.46 6.38l-3.44.5L5.5 9.31l-.59 3.43L8 11.12l3.08 1.62-.59-3.43L13 6.88l-3.45-.5zm5-.29a.3.3 0 01.16.52l-3.13 3.05.74 4.3a.3.3 0 01-.44.32L8 12.25l-3.87 2.03a.3.3 0 01-.43-.31l.73-4.31L1.3 6.6a.3.3 0 01.17-.52l4.33-.62 1.93-3.92a.3.3 0 01.54 0l1.94 3.92 4.32.62z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.5 14.5v-1.8h-.9c-.73 0-1.32-.6-1.32-1.32 0-.25-.2-.46-.46-.46H2.1v-.85h.73a1.31 1.31 0 011.31 1.31.46.46 0 00.46.46h.91v-.38a2 2 0 01.22-.9 6.12 6.12 0 01-.92-.4l-.02-.01c-.5-.27-.94-.6-1.29-.98-.63-.67-1-1.49-1-2.37 0-.85.34-1.64.92-2.29l-.05-.22c-.2-.96 0-1.96.54-2.78a3.7 3.7 0 012.68.92l.36.31a7.26 7.26 0 012.17.02l.37-.33a3.7 3.7 0 012.68-.92c.54.82.74 1.82.54 2.78l-.07.33c.52.63.82 1.38.82 2.18 0 1.38-.9 2.6-2.28 3.35-.29.15-.6.29-.92.4a2 2 0 01.25.97v2.98h-5zM7.08 3.73l-.46.07-.7-.62a2.7 2.7 0 00-1.43-.66 2.7 2.7 0 00-.15 1.57l.15.7-.33.38c-.45.5-.67 1.06-.67 1.63 0 1.1.9 2.25 2.55 2.81l1.09.37-.52 1.03a1 1 0 00-.11.45v2.04h3v-1.98a1 1 0 00-.12-.49L8.8 10l1.13-.39c1.64-.56 2.52-1.71 2.52-2.8 0-.54-.2-1.06-.59-1.54l-.3-.37.16-.8a2.7 2.7 0 00-.15-1.57 2.7 2.7 0 00-1.43.66l-.72.64-.47-.08a6.25 6.25 0 00-1.87 0z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--half\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M2 6.61a3.35 3.35 0 015.61-2.47L8 4.5l.39-.36a3.35 3.35 0 014.63 4.84l-4.87 4.87a.2.2 0 01-.3 0L2.98 8.98A3.35 3.35 0 012 6.61z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/rate/_example/icon.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-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63zm0 6.1l-1.47 4.22-4.48.1 3.57 2.7-1.3 4.29L12 15.48l3.68 2.56-1.3-4.3 3.57-2.7-4.48-.09L12 6.72z\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-logo-github\\"><path fill=\\"currentColor\\" d=\\"M5.3 3.05c-.32 1.28 0 2.17.08 2.36l.23.58-.42.46A4.47 4.47 0 004 9.57c0 2.5.75 3.84 1.69 4.62.98.83 2.35 1.2 3.86 1.36l2.28.26-1.73 1.5c-.25.2-.61.74-.61 1.85v.34h.01V24h-2v-1-.56-.2-.74h-.56A4 4 0 013.82 20l-.55-.69a3 3 0 00-1-.8l-1.11-.56.9-1.8 1.1.56a5 5 0 011.67 1.35l.55.69a2 2 0 001.56.75h.55v-.34c0-.71.1-1.34.3-1.87a7.83 7.83 0 01-3.39-1.57C2.9 14.47 2 12.5 2 9.57 2 8 2.5 6.65 3.33 5.56c-.2-.8-.35-2.2.33-3.9l.17-.43.45-.15h.03a1.34 1.34 0 01.15-.04l.3-.04c.25 0 .57 0 .96.1.72.14 1.69.5 2.93 1.3a14.2 14.2 0 016.7 0 8.97 8.97 0 012.93-1.3 3.77 3.77 0 011.26-.06 1.64 1.64 0 01.15.03h.02v.01h.01l.45.15.17.43c.68 1.7.53 3.1.33 3.9A6.46 6.46 0 0122 9.57c0 2.93-.9 4.9-2.4 6.15-1 .85-2.2 1.3-3.4 1.57.2.53.31 1.16.31 1.87l-.01 3.09V24h-2v-1-.58-.19l.01-3.07c0-1.1-.36-1.65-.6-1.86l-1.74-1.5 2.27-.25c1.52-.17 2.89-.53 3.87-1.36.94-.78 1.69-2.13 1.69-4.62 0-1.3-.45-2.3-1.19-3.12l-.42-.46.23-.58a3.87 3.87 0 00.07-2.36c-.48.1-1.33.4-2.6 1.26l-.39.26-.44-.13a12.13 12.13 0 00-6.52 0l-.45.13-.38-.26a7.63 7.63 0 00-2.6-1.26z\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--half\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:var(--td-error-color-7);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart-filled\\"><path fill=\\"currentColor\\" d=\\"M12 4.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 22.42l-7.28-7.28L3.5 13.9A6.23 6.23 0 0112 4.82z\\"></path></svg></div></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/rate/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>16px</h3></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><h3>24px</h3></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/rate/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h3>16px</h3></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:16px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:16px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><h3>24px</h3></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/rate/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><h3>满分状态</h3></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><h3>半星状态</h3></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--half\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/rate/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><h3>满分状态</h3></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li></ul></div></div><div class=\\"t-space-item\\"><h3>半星状态</h3></div><div class=\\"t-space-item\\"><div class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--full\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li><li class=\\"t-rate__item t-rate__item--half\\"><div><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/rate/_example/texts.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></span></li><li class=\\"t-rate__item t-rate__item--full\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></span></li><li class=\\"t-rate__item t-rate__item--full\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></span></li><li class=\\"t-rate__item t-rate__item--full\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></span></li><li class=\\"t-rate__item\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M7.6 1.82a.45.45 0 01.8 0l1.8 3.65 4.03.58c.37.05.52.5.25.77l-2.91 2.84.69 4a.45.45 0 01-.66.48L8 12.25l-3.6 1.9a.45.45 0 01-.65-.48l.68-4.01-2.9-2.84a.45.45 0 01.24-.77l4.03-.58 1.8-3.65z\\" fill-opacity=\\"0.9\\"></path></svg></div></span></li></ul><div class=\\"t-rate__text\\">满意</div></div>"`;
+exports[`ssr snapshot test > renders ./src/rate/_example/texts.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-rate\\"><ul class=\\"t-rate__list\\" style=\\"gap:4px;\\"><li class=\\"t-rate__item t-rate__item--full\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></span></li><li class=\\"t-rate__item t-rate__item--full\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></span></li><li class=\\"t-rate__item t-rate__item--full\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></span></li><li class=\\"t-rate__item t-rate__item--full\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></span></li><li class=\\"t-rate__item\\"><span><div class=\\"t-rate__star-top\\" style=\\"font-size:24px;color:#ED7B2F;\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div><div class=\\"t-rate__star-bottom\\" style=\\"font-size:24px;color:var(--td-bg-color-component);\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-star-filled\\"><path fill=\\"currentColor\\" d=\\"M12 .63l2.9 8.35 8.84.18-7.04 5.34 2.56 8.46L12 17.91l-7.26 5.05L7.3 14.5.26 9.16l8.84-.18L12 .63z\\"></path></svg></div></span></li></ul><div class=\\"t-rate__text\\">满意</div></div>"`;
 
 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-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-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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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/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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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-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-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>"`;
 
 exports[`ssr snapshot test > renders ./src/select/_example/custom-options.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:300px;\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><br></div><div class=\\"t-space-item\\"><br></div><div class=\\"t-space-item\\"><div 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-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/custom-selected.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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一(1)</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-tag--dark t-tag--close\\"><span>选项二(2)</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-tag--dark t-tag--close\\"><span>选项三(3)</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><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span> 选项四(4) </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-tag--dark t-tag--close\\"><span> 选项五(5) </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-tag--dark t-tag--close\\"><span> 选项六(6) </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-tag--dark t-tag--close\\"><span> 选项七(7) </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><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/custom-selected.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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一(1)</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项二(2)</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项三(3)</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span> 选项四(4) </span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span> 选项五(5) </span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span> 选项六(6) </span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span> 选项七(7) </span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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/disabled.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-right:20px;\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" autocomplete=\\"\\" placeholder=\\"-请选择-\\" type=\\"text\\" unselectable=\\"off\\" title=\\"\\" 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:200px;display:inline-block;\\"><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-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>选项一</span></span><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>选项二</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>"`;
 
@@ -809,11 +811,11 @@ exports[`ssr snapshot test > renders ./src/select/_example/filterable.vue correc
 
 exports[`ssr snapshot test > renders ./src/select/_example/group.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-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=\\"min-width:240px;\\"><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-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>"`;
 
-exports[`ssr snapshot test > renders ./src/select/_example/label-in-value.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-right:20px;\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\" style=\\"width:200px;display:inline-block;\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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></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/label-in-value.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-right:20px;\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\" style=\\"width:200px;display:inline-block;\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>选项一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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/max.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select__wrap\\" style=\\"width:200px;\\"><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-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__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>"`;
 
-exports[`ssr snapshot test > renders ./src/select/_example/multiple.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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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></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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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-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-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-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></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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-tag--dark\\"><span>+2</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>"`;
+exports[`ssr snapshot test > renders ./src/select/_example/multiple.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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>区块链</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>人工智能</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>云服务器</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>云数据库</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>域名注册</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>网站备案</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>对象存储</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>低代码平台</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>区块链</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>人工智能</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>+2</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>"`;
 
 exports[`ssr snapshot test > renders ./src/select/_example/noborder.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;\\"><div class=\\"t-select-input t-select-input--borderless t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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--borderless t-select-input--multiple t-select-input--empty t-select\\"><div class=\\"t-input__wrap t-input--auto-width t-tag-input t-tag-input--break-line t-is-empty t-tag-input__with-suffix-icon\\"><div class=\\"t-input 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__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>"`;
 
@@ -833,27 +835,27 @@ 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-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div 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-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\\" style=\\"width:300px;\\"><div class=\\"t-select-input t-select-input--empty t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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-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/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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></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-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.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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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/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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></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\\" data-v-5429dd2c><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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/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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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=\\"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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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-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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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=\\"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-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\\" value=\\"\\" 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-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform tdesign-demo-select-input__img\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\" data-v-3251f825></path></svg> tdesign-vue </span></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" 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-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\" data-v-3251f825></path></svg> tdesign-vue </span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span><span class=\\"displaySpan\\" data-v-3251f825><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\" data-v-3251f825></path></svg> tdesign-react </span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-vue</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-react</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-control-platform\\" data-v-3251f825><path fill=\\"currentColor\\" d=\\"M12 .86L22 6.4V17.6l-10 5.55L2 17.6V6.4L12 .86zM4 8.9v7.51l7 3.89v-7.7L4 8.9zm9 11.4l7-3.89V8.9l-7 3.7v7.7zm-1-9.43l7.12-3.77L12 3.14 4.88 7.1 12 10.87z\\" data-v-3251f825></path></svg><span data-v-3251f825>tdesign-mobile-vue</span></span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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-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-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-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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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-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-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-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/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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-angular</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-mobile-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-mobile-react</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-angular</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-mobile-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>tdesign-mobile-react</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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-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-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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-1c8ac371><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\" 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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-1c8ac371><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\" 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=\\"tdesign-demo__select-input-multiple t-space t-space-vertical\\" style=\\"gap:16px;width:100%;\\"><div class=\\"t-space-item\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许输入</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'scroll'\\" value=\\"scroll\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多横向滚动</span></label><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'break-line'\\" value=\\"break-line\\" checked=\\"checked\\" 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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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 tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许输入</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'scroll'\\" value=\\"scroll\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\">选中项过多横向滚动</span></label><label tabindex=\\"0\\" class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'break-line'\\" value=\\"break-line\\" checked=\\"checked\\" 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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></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-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/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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\" data-v-992b70a2><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\" 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;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-is-disabled 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\\" title=\\"TDesign\\" 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-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-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-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-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>"`;
 
@@ -873,9 +875,9 @@ exports[`ssr snapshot test > renders ./src/slider/_example/base.vue correctly 1`
 
 exports[`ssr snapshot test > renders ./src/slider/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" aria-disabled=\\"true\\" class=\\"t-slider t-is-disabled\\"><div class=\\"t-slider__rail t-is-disabled\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" disabled=\\"disabled\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" aria-disabled=\\"true\\" class=\\"t-slider t-is-disabled\\"><div class=\\"t-slider__rail t-is-disabled\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" disabled=\\"disabled\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" disabled=\\"disabled\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/slider/_example/input-number.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail show-input\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-input-number--auto-width t-slider__input\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><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></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">0</span></div></div><button type=\\"button\\" class=\\"t-button 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-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail show-input\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-input-number--auto-width t-slider__input\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><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></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">0</span></div></div><button type=\\"button\\" class=\\"t-button 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-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-input-number--auto-width t-slider__input\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><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></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">0</span></div></div><button type=\\"button\\" class=\\"t-button 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-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/slider/_example/input-number.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail show-input\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-input-number--auto-width t-slider__input\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">0</span></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail show-input\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-input-number--auto-width t-slider__input\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">0</span></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-input-number--auto-width t-slider__input\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">0</span></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/slider/_example/input-number-vertical.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:60px;height:300px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--with-input t-slider--vertical\\"><div class=\\"t-slider__rail show-input\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><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></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--with-input t-slider--vertical\\"><div class=\\"t-slider__rail show-input\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><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></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><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></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button 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-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/slider/_example/input-number-vertical.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:60px;height:300px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--with-input t-slider--vertical\\"><div class=\\"t-slider__rail show-input\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container is-vertical\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"vertical\\" class=\\"t-slider is-vertical t-slider--with-input t-slider--vertical\\"><div class=\\"t-slider__rail show-input\\" style=\\"height:100%;\\"><div class=\\"t-slider__track\\" style=\\"height:0%;bottom:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"bottom:0%;\\"><div class=\\"t-slider__button\\"></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-input-number t-size-m t-is-controls-right t-input-number--column t-slider__input is-vertical\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__decrease t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></button><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"0\\" class=\\"t-input__inner\\"></div></div><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-button--shape-square t-input-number__increase\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up t-size-m\\"><path fill=\\"currentColor\\" d=\\"M17.5 15.91l-5.5-5.5-5.5 5.5-1.41-1.41L12 7.59l6.91 6.91-1.41 1.41z\\"></path></svg></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/slider/_example/marks.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:60px;\\"><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:20%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:40%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:60%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:80%;\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:20%;\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:40%;\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:60%;\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:80%;\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\"><span style=\\"color:#0052d9;\\">100°C</span></div></div></div></div></div></div></div><div class=\\"t-space-item\\"><div show-tooltip=\\"true\\" class=\\"t-slider__container\\"><div role=\\"slider\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\" aria-orientation=\\"horizontal\\" class=\\"t-slider\\"><div class=\\"t-slider__rail\\"><div class=\\"t-slider__track\\" style=\\"width:0%;left:0%;\\"></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div tabindex=\\"0\\" show-tooltip=\\"true\\" class=\\"t-slider__button-wrapper\\" style=\\"left:0%;\\"><div class=\\"t-slider__button\\"></div></div><div><div class=\\"t-slider__stops\\"><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:20%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:40%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:60%;\\"></div><div class=\\"t-slider__stop t-slider__mark-stop\\" style=\\"left:80%;\\"></div></div><div class=\\"t-slider__mark\\"><div class=\\"t-slider__mark-text\\" style=\\"left:0%;\\">0°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:20%;\\">20°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:40%;\\">40°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:60%;\\">60°C</div><div class=\\"t-slider__mark-text\\" style=\\"left:80%;\\"><span style=\\"color:#0052d9;\\">80°C</span></div><div class=\\"t-slider__mark-text\\" style=\\"left:100%;\\">100°C</div></div></div></div></div></div></div></div>"`;
 
@@ -899,27 +901,27 @@ exports[`ssr snapshot test > renders ./src/space/_example/size.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/space/_example/vertical.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 t-card--shadow-hover\\"><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\\"> 仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。 </div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered t-card--shadow-hover\\"><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\\"> 仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。 </div></div></div><div class=\\"t-space-item\\"><div class=\\"t-card t-card--bordered t-card--shadow-hover\\"><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\\"> 仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。 </div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/steps/_example/extra.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-steps t-steps--vertical t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><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\\"><div class=\\"demo\\">步骤1</div></div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤2</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">上一步</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">下一步</span></button></div></div></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤3</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">步骤4</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/steps/_example/extra.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-steps t-steps--vertical t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\"><div class=\\"demo\\">步骤1</div></div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤2</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">上一步</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">下一步</span></button></div></div></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤3</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">步骤4</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/steps/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-login\\"><path fill=\\"currentColor\\" d=\\"M8.48 7.5L6.23 5.25l.7-.7 3.1 3.1c.2.2.2.5 0 .7l-3.1 3.1-.7-.7L8.48 8.5H1v-1h7.48z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4 5V3h8v10H4v-2H3v2.5c0 .28.22.5.5.5h9a.5.5 0 00.5-.5v-11a.5.5 0 00-.5-.5h-9a.5.5 0 00-.5.5V5h1z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">登录</div><div class=\\"t-steps-item__description\\">已完成状态</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-cart\\"><path fill=\\"currentColor\\" d=\\"M1 3h1.58l1.39 8.33c.06.39.4.67.78.67H14v-1H4.92L4.6 9h8.63a.8.8 0 00.78-.6l.85-3.4a.8.8 0 00-.78-1H3.76l-.23-1.33A.8.8 0 002.75 2H1v1zm12.07 5H4.42l-.5-3h9.9l-.75 3zM4.75 14.5a.75.75 0 100-1.5.75.75 0 000 1.5zM12.81 14.5a.75.75 0 100-1.5.75.75 0 000 1.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">购物</div><div class=\\"t-steps-item__description\\">进行中状态</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-wallet\\"><path fill=\\"currentColor\\" d=\\"M11.5 4.5h2a1 1 0 011 1V12a1 1 0 01-1 1h-11a1 1 0 01-1-1V3a1 1 0 011-1h8a1 1 0 011 1v1.5zm-1-1.5h-8v1.5h8V3zm3 2.5h-11V12h11V5.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">支付</div><div class=\\"t-steps-item__description\\">未开始</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle\\"><path fill=\\"currentColor\\" d=\\"M4.5 8.2L7 10.7l4.5-4.5-.7-.7L7 9.3 5.2 7.5l-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M4.11 2.18a7 7 0 117.78 11.64A7 7 0 014.1 2.18zm.56 10.8a6 6 0 106.66-9.97A6 6 0 004.67 13z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">完成</div><div class=\\"t-steps-item__description\\">未开始</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/steps/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-login\\"><path fill=\\"currentColor\\" d=\\"M3 11h9.59l-3.5-3.5 1.41-1.41L16.41 12l-5.91 5.91-1.41-1.41 3.5-3.5H3v-2zm11 8.5h5v-15h-5v-2h7v19h-7v-2z\\"></path></svg></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">登录</div><div class=\\"t-steps-item__description\\">已完成状态</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-cart\\"><path fill=\\"currentColor\\" d=\\"M0 1h4.76l.55 2h18.08l-3.67 11H7.78l-.5 2H22v2H4.72l1.25-4.99L3.24 3H0V1zm7.76 11h10.52l2.33-7H5.85l1.91 7zM4 21a2 2 0 114 0 2 2 0 01-4 0zm14 0a2 2 0 114 0 2 2 0 01-4 0z\\"></path></svg></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">购物</div><div class=\\"t-steps-item__description\\">进行中状态</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-wallet\\"><path fill=\\"currentColor\\" d=\\"M1 3h15a3 3 0 013 3v1h4v14H1V3zm2 6v10h18V9H3zm0-2h14V6a1 1 0 00-1-1H3v2zm13 6h3v2h-3v-2z\\"></path></svg></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">支付</div><div class=\\"t-steps-item__description\\">未开始</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12.5 4.41L6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41z\\"></path></svg></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">完成</div><div class=\\"t-steps-item__description\\">未开始</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/steps/_example/no-sequence.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--dot-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/steps/_example/options.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><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\\">步骤一</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤二</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤三</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">步骤四</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/steps/_example/options.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤一</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤二</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤三</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">步骤四</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/steps/_example/sequence.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\"></div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\"></div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\"></div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\"></div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">点击切换步骤</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\"><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\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">点击切换步骤</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这是进行中的步骤</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">点击切换步骤</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/steps/_example/sequence.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\"></div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\"></div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\"></div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\"></div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">点击切换步骤</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">点击切换步骤</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这是进行中的步骤</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">点击切换步骤</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/steps/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\"><div class=\\"t-steps-item__inner \\"><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-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><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">错误的步骤</div><div class=\\"t-steps-item__description\\">这里是错误提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/steps/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:24px;\\"><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--horizontal t-steps--positive t-steps--default-anchor t-steps--line-separator\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--error\\"><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--error\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">错误的步骤</div><div class=\\"t-steps-item__description\\">这里是错误提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\"><div class=\\"t-steps-item__inner \\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/steps/_example/vertical-no-sequence.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"justify-around t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-7f4a1ba9><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--vertical t-steps--positive t-steps--dot-anchor t-steps--line-separator\\" data-v-7f4a1ba9><div class=\\"t-steps-item t-steps-item--finish\\" data-v-7f4a1ba9><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\" data-v-7f4a1ba9><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-7f4a1ba9><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-7f4a1ba9><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--vertical t-steps--reverse t-steps--dot-anchor t-steps--line-separator\\" data-v-7f4a1ba9><div class=\\"t-steps-item t-steps-item--default\\" data-v-7f4a1ba9><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\" data-v-7f4a1ba9><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-7f4a1ba9><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-7f4a1ba9><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/steps/_example/vertical-sequence.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"justify-around t-space t-space-horizontal\\" style=\\"gap:236px;\\" data-v-48740715><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--vertical t-steps--positive t-steps--default-anchor t-steps--line-separator\\" data-v-48740715><div class=\\"t-steps-item t-steps-item--finish\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--vertical t-steps--reverse t-steps--default-anchor t-steps--line-separator\\" data-v-48740715><div class=\\"t-steps-item t-steps-item--default\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><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\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/steps/_example/vertical-sequence.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"justify-around t-space t-space-horizontal\\" style=\\"gap:236px;\\" data-v-48740715><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--vertical t-steps--positive t-steps--default-anchor t-steps--line-separator\\" data-v-48740715><div class=\\"t-steps-item t-steps-item--finish\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--default\\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--default\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-steps t-steps--vertical t-steps--reverse t-steps--default-anchor t-steps--line-separator\\" data-v-48740715><div class=\\"t-steps-item t-steps-item--default\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><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\\">未进行的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--process\\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">进行中的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div><div class=\\"t-steps-item t-steps-item--finish\\" data-v-48740715><div class=\\"t-steps-item__inner \\"><div class=\\"t-steps-item__icon t-steps-item--finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">已完成的步骤</div><div class=\\"t-steps-item__description\\">这里是提示文字</div><div class=\\"t-steps-item__extra\\"></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/sticky-tool/_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-sticky-tool t-sticky-tool--square\\" style=\\"right:-420px;bottom:0px;position:relative;overflow:hidden;\\"><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><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><div class=\\"t-sticky-item__label\\">chat</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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><div class=\\"t-sticky-item__label\\">add</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><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 class=\\"t-sticky-item__label\\">aqcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/sticky-tool/_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-sticky-tool t-sticky-tool--square\\" style=\\"right:-420px;bottom:0px;position:relative;overflow:hidden;\\"><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\"></path></svg><div class=\\"t-sticky-item__label\\">chat</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg><div class=\\"t-sticky-item__label\\">add</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><path fill=\\"currentColor\\" d=\\"M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z\\"></path></svg><div class=\\"t-sticky-item__label\\">aqcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/sticky-tool/_example/compact.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-sticky-tool t-sticky-tool--square\\" style=\\"right:-420px;bottom:0px;position:relative;overflow:hidden;\\"><div class=\\"t-sticky-item t-sticky-item--compact t-sticky-item--square\\"><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></div><div class=\\"t-sticky-item t-sticky-item--compact t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></div><div class=\\"t-sticky-item t-sticky-item--compact t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><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>"`;
+exports[`ssr snapshot test > renders ./src/sticky-tool/_example/compact.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-sticky-tool t-sticky-tool--square\\" style=\\"right:-420px;bottom:0px;position:relative;overflow:hidden;\\"><div class=\\"t-sticky-item t-sticky-item--compact t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\"></path></svg></div><div class=\\"t-sticky-item t-sticky-item--compact t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></div><div class=\\"t-sticky-item t-sticky-item--compact t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><path fill=\\"currentColor\\" d=\\"M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z\\"></path></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/sticky-tool/_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-sticky-tool t-sticky-tool--square\\" style=\\"right:-420px;bottom:0px;position:relative;overflow:hidden;\\"><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><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><div class=\\"t-sticky-item__label\\">chat</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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><div class=\\"t-sticky-item__label\\">add</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><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 class=\\"t-sticky-item__label\\">aqcode</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-sticky-tool t-sticky-tool--round\\" style=\\"right:-220px;bottom:0px;position:relative;overflow:hidden;\\"><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--round\\"><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><div class=\\"t-sticky-item__label\\">chat</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--round\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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><div class=\\"t-sticky-item__label\\">add</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--round\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><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 class=\\"t-sticky-item__label\\">aqcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/sticky-tool/_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-sticky-tool t-sticky-tool--square\\" style=\\"right:-420px;bottom:0px;position:relative;overflow:hidden;\\"><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\"></path></svg><div class=\\"t-sticky-item__label\\">chat</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg><div class=\\"t-sticky-item__label\\">add</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><path fill=\\"currentColor\\" d=\\"M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z\\"></path></svg><div class=\\"t-sticky-item__label\\">aqcode</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-sticky-tool t-sticky-tool--round\\" style=\\"right:-220px;bottom:0px;position:relative;overflow:hidden;\\"><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--round\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chat\\"><path fill=\\"currentColor\\" d=\\"M1.5 2h21v16H6.88L1.5 22.7V2zm2 2v14.3L6.12 16H20.5V4h-17z\\"></path></svg><div class=\\"t-sticky-item__label\\">chat</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--round\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg><div class=\\"t-sticky-item__label\\">add</div></div><div class=\\"t-sticky-item t-sticky-item--normal t-sticky-item--round\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-qrcode\\"><path fill=\\"currentColor\\" d=\\"M2 2h9v9H2V2zm2 2v5h5V4H4zm9-2h9v9h-9V2zm2 2v5h5V4h-5zM5.5 5.5h2v2h-2v-2zm11 0h2v2h-2v-2zM13 13h2v2h-2v-2zm7 0h2v2h-2v-2zM2 13h9v9H2v-9zm2 2v5h5v-5H4zm12 1h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2zm-10.5.5h2v2h-2v-2zM13 20h2v2h-2v-2z\\"></path></svg><div class=\\"t-sticky-item__label\\">aqcode</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/swiper/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block--swiper\\"><div class=\\"t-swiper\\"><div class=\\"t-swiper__wrap t-swiper--inside\\"><div class=\\"t-swiper__content\\"><div class=\\"t-swiper__container\\" style=\\"ms-transform:translate3d(-0%, 0px, 0px);webkit-transform:translate3d(-0%, 0px, 0px);transform:translate3d(-0%, 0px, 0px);transition:;\\"></div></div><ul class=\\"t-swiper__navigation t-swiper__navigation-bars\\"></ul></div></div></div>"`;
 
@@ -929,7 +931,7 @@ exports[`ssr snapshot test > renders ./src/swiper/_example/current.vue correctly
 
 exports[`ssr snapshot test > renders ./src/swiper/_example/fade.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block--swiper\\"><div class=\\"t-swiper\\"><div class=\\"t-swiper__wrap t-swiper--inside\\"><div class=\\"t-swiper__content t-swiper-fade\\"><div class=\\"t-swiper__container\\" style=\\"height:280px;\\"></div></div><ul class=\\"t-swiper__navigation t-swiper__navigation-bars\\"></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/swiper/_example/fraction.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block--swiper\\"><div class=\\"t-swiper\\"><div class=\\"t-swiper__wrap t-swiper--inside\\"><div class=\\"t-swiper__content\\"><div class=\\"t-swiper__container\\" style=\\"ms-transform:translate3d(-0%, 0px, 0px);webkit-transform:translate3d(-0%, 0px, 0px);transform:translate3d(-0%, 0px, 0px);transition:;\\"></div></div><div class=\\"t-swiper__navigation t-swiper__navigation--fraction\\"><div class=\\"t-swiper__arrow\\"><div class=\\"t-swiper__arrow-left\\"><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-swiper__navigation-text-fraction\\">1/0</div><div class=\\"t-swiper__arrow-right\\"><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></div></div>"`;
+exports[`ssr snapshot test > renders ./src/swiper/_example/fraction.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block--swiper\\"><div class=\\"t-swiper\\"><div class=\\"t-swiper__wrap t-swiper--inside\\"><div class=\\"t-swiper__content\\"><div class=\\"t-swiper__container\\" style=\\"ms-transform:translate3d(-0%, 0px, 0px);webkit-transform:translate3d(-0%, 0px, 0px);transform:translate3d(-0%, 0px, 0px);transition:;\\"></div></div><div class=\\"t-swiper__navigation t-swiper__navigation--fraction\\"><div class=\\"t-swiper__arrow\\"><div class=\\"t-swiper__arrow-left\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><div class=\\"t-swiper__navigation-text-fraction\\">1/0</div><div class=\\"t-swiper__arrow-right\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/swiper/_example/placement.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block--swiper\\"><div class=\\"t-swiper\\"><div class=\\"t-swiper__wrap t-swiper--outside\\"><div class=\\"t-swiper__content\\"><div class=\\"t-swiper__container\\" style=\\"ms-transform:translate3d(-0%, 0px, 0px);webkit-transform:translate3d(-0%, 0px, 0px);transform:translate3d(-0%, 0px, 0px);transition:;\\"></div></div><ul class=\\"t-swiper__navigation t-swiper__navigation-bars\\"></ul></div></div></div>"`;
 
@@ -939,65 +941,65 @@ exports[`ssr snapshot test > renders ./src/swiper/_example/vertical.vue correctl
 
 exports[`ssr snapshot test > renders ./src/switch/_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-switch t-size-l\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/switch/_example/describe.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"tdesign-demo-block-row\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"></div></div><div class=\\"t-switch t-size-l\\"><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=\\"tdesign-demo-block-row\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\">开</div></div><div class=\\"t-switch t-size-l\\"><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=\\"tdesign-demo-block-row\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"><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></div></div><div class=\\"t-switch t-size-l\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-demo-block-row\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"><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></div></div><div class=\\"t-switch t-size-l\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-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></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/switch/_example/describe.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"tdesign-demo-block-row\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"></div></div><div class=\\"t-switch t-size-l\\"><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=\\"tdesign-demo-block-row\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\">开</div></div><div class=\\"t-switch t-size-l\\"><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=\\"tdesign-demo-block-row\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></div></div><div class=\\"t-switch t-size-l\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-demo-block-row\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z\\"></path></svg></div></div><div class=\\"t-switch t-size-l\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/switch/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-s\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-s\\"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/switch/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-l t-is-checked\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-l\\"></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-switch t-size-l t-is-loading t-is-checked\\"><span class=\\"t-switch__handle t-is-loading\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" 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=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span><div class=\\"t-switch__content t-size-l\\"></div></div></div><div class=\\"t-space-item\\"><div disabled=\\"disabled\\" class=\\"t-switch t-size-l t-is-disabled\\"><span class=\\"t-switch__handle t-is-disabled\\"></span><div class=\\"t-switch__content t-size-l t-is-disabled\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/affix.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table tdesign-demo__table-affix\\" style=\\"width:830px;\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表头吸顶</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表尾吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">滚动条吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">分页器吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定左侧列</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定右侧列</span></label></div><div class=\\"t-table t-table--bordered t-table--affixed-header t-table--footer-affixed t-table--column-fixed t-table--column-resizable t-table--col-draggable\\" style=\\"position:relative;\\"><div offsetTop=\\"0\\"><div><div class=\\"t-table__affixed-header-elm-wrap\\" style=\\"width:0px;height:0px;opacity:1;\\"></div></div></div><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"width:180px;\\"><col style=\\"width:180px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">查看详情</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">查看详情</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr class=\\"t-tdesign__custom-footer-tr\\"><td key=\\"applicant\\"><b style=\\"font-weight:bold;\\">表尾信息</b></td><td key=\\"status\\"></td><td key=\\"channel\\"></td><td key=\\"detail.email\\"></td><td key=\\"matters\\"></td><td key=\\"createTime\\"></td><td key=\\"operation\\">-</td></tr></tfoot></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 38 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li><li class=\\"t-pagination__number\\">7</li><li class=\\"t-pagination__number\\">8</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></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/affix.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table tdesign-demo__table-affix\\" style=\\"width:830px;\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表头吸顶</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表尾吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">滚动条吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">分页器吸底</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定左侧列</span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" style=\\"margin-left:32px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定右侧列</span></label></div><div class=\\"t-table t-table--bordered t-table--affixed-header t-table--footer-affixed t-table--column-fixed t-table--column-resizable t-table--col-draggable\\" style=\\"position:relative;\\"><div offsetTop=\\"0\\"><div><div class=\\"t-table__affixed-header-elm-wrap\\" style=\\"width:0px;height:0px;opacity:1;\\"></div></div></div><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"width:180px;\\"><col style=\\"width:180px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">查看详情</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">查看详情</a></td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">再次申请</a></td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr class=\\"t-tdesign__custom-footer-tr\\"><td key=\\"applicant\\"><b style=\\"font-weight:bold;\\">表尾信息</b></td><td key=\\"status\\"></td><td key=\\"channel\\"></td><td key=\\"detail.email\\"></td><td key=\\"matters\\"></td><td key=\\"createTime\\"></td><td key=\\"operation\\">-</td></tr></tfoot></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 38 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li><li class=\\"t-pagination__number\\">7</li><li class=\\"t-pagination__number\\">8</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/async-loading.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'load-more'\\" value=\\"load-more\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">加载更多</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'loading'\\" value=\\"loading\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">加载中</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'loading-custom'\\" value=\\"loading-custom\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">自定义加载更多</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"''\\" value=\\"\\" 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-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class=\\"t-table__row--full t-table__last-full-row\\"><td colspan=\\"5\\"><div><div class=\\"t-table__row-full-element\\"><div class=\\"t-table__async-loading t-is-loading\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" 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=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg><div class=\\"t-loading__text\\">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/async-loading.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'load-more'\\" value=\\"load-more\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">加载更多</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'loading'\\" value=\\"loading\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">加载中</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'loading-custom'\\" value=\\"loading-custom\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">自定义加载更多</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"''\\" value=\\"\\" 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-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class=\\"t-table__row--full t-table__last-full-row\\"><td colspan=\\"5\\"><div><div class=\\"t-table__row-full-element\\"><div class=\\"t-table__async-loading t-is-loading\\"><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" 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=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg><div class=\\"t-loading__text\\">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'small'\\" value=\\"small\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">小尺寸</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'medium'\\" value=\\"medium\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">中尺寸</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'large'\\" value=\\"large\\" 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-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">显示悬浮效果</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">宽度自适应</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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\\"><div class=\\"t-table t-table--bordered t-table--striped t-table--column-resizable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 28 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</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></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'small'\\" value=\\"small\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">小尺寸</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'medium'\\" value=\\"medium\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">中尺寸</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'large'\\" value=\\"large\\" 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-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">显示悬浮效果</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">宽度自适应</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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\\"><div class=\\"t-table t-table--bordered t-table--striped t-table--column-resizable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 28 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number\\">6</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/custom-cell.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__table\\" data-v-d50b79d8><div class=\\"t-table t-vertical-align-top\\" style=\\"position:relative;\\" data-v-d50b79d8><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td> 贾明 </td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" data-v-d50b79d8><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\\" data-v-d50b79d8></path></svg> 审批通过 </span></span></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td> 张三 </td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\" data-v-d50b79d8><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\" data-v-d50b79d8></path></svg> 审批失败 </span></span></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td> 王芳 </td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\" data-v-d50b79d8><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\" data-v-d50b79d8></path></svg> 审批过期 </span></span></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td> 贾明 </td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" data-v-d50b79d8><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\\" data-v-d50b79d8></path></svg> 审批通过 </span></span></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td> 张三 </td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\" data-v-d50b79d8><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\" data-v-d50b79d8></path></svg> 审批失败 </span></span></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/custom-cell.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__table\\" data-v-d50b79d8><div class=\\"t-table t-vertical-align-top\\" style=\\"position:relative;\\" data-v-d50b79d8><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td> 贾明 </td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" data-v-d50b79d8><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\" data-v-d50b79d8></path></svg> 审批通过 </span></span></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td> 张三 </td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\" data-v-d50b79d8><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\" data-v-d50b79d8></path></svg> 审批失败 </span></span></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td> 王芳 </td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\" data-v-d50b79d8><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\" data-v-d50b79d8></path></svg> 审批过期 </span></span></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td> 贾明 </td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" data-v-d50b79d8><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\" data-v-d50b79d8></path></svg> 审批通过 </span></span></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td> 张三 </td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\" data-v-d50b79d8><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\" data-v-d50b79d8><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\" data-v-d50b79d8></path></svg> 审批失败 </span></span></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/custom-col.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">显示列配置弹窗</span></button></div><div class=\\"t-table t-table--striped t-table--column-resizable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">20</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></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/custom-col.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">显示列配置弹窗</span></button></div><div class=\\"t-table t-table--striped t-table--column-resizable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">20</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/custom-col-button.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'top-left'\\" value=\\"top-left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左上角</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'top-right'\\" value=\\"top-right\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右上角</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'bottom-left'\\" value=\\"bottom-left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左下角</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'bottom-right'\\" value=\\"bottom-right\\" 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\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:16px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">自定义列配置按钮</span></label></div></div></div></div><div class=\\"t-table t-table--bordered t-table--striped t-table--column-resizable t-table--col-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__top-content\\"><div class=\\"t-table__column-controller-trigger t-align-top-right\\"><button type=\\"button\\" class=\\"t-button 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-setting\\"><path fill=\\"currentColor\\" d=\\"M11 8a3 3 0 11-6 0 3 3 0 016 0zm-1 0a2 2 0 10-4 0 2 2 0 004 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1.25l6.06 3.38v6.75L8 14.75l-6.06-3.38V4.63L8 1.25zM2.94 5.21v5.58L8 13.6l5.06-2.82V5.2L8 2.4 2.94 5.21z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\">列配置</span></button></div></div><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">20</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></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/custom-col-button.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'top-left'\\" value=\\"top-left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左上角</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'top-right'\\" value=\\"top-right\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右上角</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'bottom-left'\\" value=\\"bottom-left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左下角</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'bottom-right'\\" value=\\"bottom-right\\" 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\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:16px;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">自定义列配置按钮</span></label></div></div></div></div><div class=\\"t-table t-table--bordered t-table--striped t-table--column-resizable t-table--col-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__top-content\\"><div class=\\"t-table__column-controller-trigger t-align-top-right\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-setting\\"><path fill=\\"currentColor\\" d=\\"M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></svg><span class=\\"t-button__text\\">列配置</span></button></div></div><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 100 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">20</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/custom-footer.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'normal'\\" value=\\"normal\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">普通表尾</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'full'\\" value=\\"full\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">通栏表尾</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'custom'\\" value=\\"custom\\" 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-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:120px;\\"><col style=\\"width:200px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\"><b style=\\"font-wight:bold;\\">申请事项</b></div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td>宣传物料制作费用</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td>algolia 服务报销</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>王芳</td><td>相关周边制作费</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td>激励奖品快递费</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td>宣传物料制作费用</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr class=\\"t-tdesign__custom-footer-tr\\"><td key=\\"applicant\\"><b style=\\"font-weight:bold;\\">表尾信息</b></td><td key=\\"matters\\">-</td><td key=\\"status\\">-</td><td key=\\"detail.email\\">-</td><td key=\\"createTime\\">-</td></tr></tfoot></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/custom-footer.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo__table\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'normal'\\" value=\\"normal\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">普通表尾</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'full'\\" value=\\"full\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">通栏表尾</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'custom'\\" value=\\"custom\\" 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-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:120px;\\"><col style=\\"width:200px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\"><b style=\\"font-wight:bold;\\">申请事项</b></div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td>宣传物料制作费用</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td>algolia 服务报销</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>王芳</td><td>相关周边制作费</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>贾明</td><td>激励奖品快递费</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr class=\\"t-tdesign__custom-body-tr\\"><td>张三</td><td>宣传物料制作费用</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr class=\\"t-tdesign__custom-footer-tr\\"><td key=\\"applicant\\"><b style=\\"font-weight:bold;\\">表尾信息</b></td><td key=\\"matters\\">-</td><td key=\\"status\\">-</td><td key=\\"detail.email\\">-</td><td key=\\"createTime\\">-</td></tr></tfoot></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/custom-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:120px;\\"><col style=\\"width:200px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user-circle\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\"><path d=\\"M8 9a2.78 2.78 0 100-5.56A2.78 2.78 0 008 9zm0-1a1.78 1.78 0 110-3.56A1.78 1.78 0 018 8z\\"></path><path d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zm5-3.68A10.2 10.2 0 008 10c-1.79 0-3.47.48-5 1.32a6 6 0 1110 0zm-.64.8a5.98 5.98 0 01-8.72 0 9.17 9.17 0 018.72 0z\\"></path></g></svg> 类型 </div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\"><b style=\\"font-wight:bold;\\">申请事项</b></div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td>宣传物料制作费用</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/custom-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:120px;\\"><col style=\\"width:200px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 00-7.23 14.37A5 5 0 019.5 14h5a5 5 0 014.73 3.37A9 9 0 0012 3zm5.5 16.12V19a3 3 0 00-3-3h-5a3 3 0 00-3 3v.12a8.96 8.96 0 0011 0zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm11-6a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM7.5 8.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0z\\"></path></svg> 类型 </div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\"><b style=\\"font-wight:bold;\\">申请事项</b></div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td>宣传物料制作费用</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/data-sort.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container t-table-demo-sort tdesign-demo__table\\"><div class=\\"item\\"><div style=\\"margin:16px;\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许多字段排序</span></label></div><div style=\\"margin:16px;\\">排序：{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true}</div><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:16px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-table__sort-icon--active t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:16px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请耗时(天)</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:16px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:16px;\\"><path fill=\\"currentColor\\" d=\\"M11 6H5l3 4.5L11 6z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td class=\\"t-align-center\\">1</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td class=\\"t-align-center\\">3</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td class=\\"t-align-center\\">4</td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/data-sort.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container t-table-demo-sort tdesign-demo__table\\"><div class=\\"item\\"><div style=\\"margin:16px;\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否允许多字段排序</span></label></div><div style=\\"margin:16px;\\">排序：{&quot;sortBy&quot;:&quot;status&quot;,&quot;descending&quot;:true}</div><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:16px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span><span class=\\"t-table__sort-icon--active t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:16px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请耗时(天)</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:16px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-down-small\\" style=\\"font-size:16px;\\"><path fill=\\"currentColor\\" d=\\"M12 16.5l7-7H5l7 7z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td class=\\"t-align-center\\">1</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td class=\\"t-align-center\\">3</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td class=\\"t-align-center\\">4</td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/drag-col-sort.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container t-table-demo-sort tdesign-demo__table\\"><div class=\\"item\\"><div class=\\"t-table t-table--column-fixed t-table--col-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/drag-col-sort.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container t-table-demo-sort tdesign-demo__table\\"><div class=\\"item\\"><div class=\\"t-table t-table--column-fixed t-table--col-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/drag-sort.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container t-table-demo-sort tdesign-demo__table\\"><div class=\\"item\\"><div class=\\"t-table t-table--row-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr data-id=\\"1\\"><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id=\\"2\\"><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id=\\"3\\"><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id=\\"4\\"><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/drag-sort.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container t-table-demo-sort tdesign-demo__table\\"><div class=\\"item\\"><div class=\\"t-table t-table--row-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr data-id=\\"1\\"><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id=\\"2\\"><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id=\\"3\\"><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id=\\"4\\"><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/drag-sort-handler.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container t-table-demo-sort tdesign-demo__table\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">加载状态</span></label></div><div class=\\"item\\"><div class=\\"t-table t-table--row-handler-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:46px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"drag\\" class=\\"t-table__th-drag\\"><div class=\\"t-table__th-cell-inner\\">排序</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr data-id=\\"1\\"><td class=\\"t-table__handle-draggable\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id=\\"2\\"><td class=\\"t-table__handle-draggable\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id=\\"3\\"><td class=\\"t-table__handle-draggable\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id=\\"4\\"><td class=\\"t-table__handle-draggable\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr></tbody><!----></table></div><!----><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/drag-sort-handler.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container t-table-demo-sort tdesign-demo__table\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">加载状态</span></label></div><div class=\\"item\\"><div class=\\"t-table t-table--row-handler-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:46px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"drag\\" class=\\"t-table__th-drag\\"><div class=\\"t-table__th-cell-inner\\">排序</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr data-id=\\"1\\"><td class=\\"t-table__handle-draggable\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></span></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id=\\"2\\"><td class=\\"t-table__handle-draggable\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></span></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id=\\"3\\"><td class=\\"t-table__handle-draggable\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></span></td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id=\\"4\\"><td class=\\"t-table__handle-draggable\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></span></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr></tbody><!----></table></div><!----><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/editable-cell.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-52072a01><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\" data-v-52072a01><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"firstName\\" class=\\"t-table__th-firstName\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"letters\\" class=\\"t-table__th-letters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">创建日期</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"贾明\\" class=\\"t-input__inner\\"></div></div></div></td><td><div class=\\"t-table__cell--editable\\">审批通过<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td><td><div class=\\"t-table__cell--editable\\">2022-01-01<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td></tr><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"张三\\" class=\\"t-input__inner\\"></div></div></div></td><td><div class=\\"t-table__cell--editable\\">审批过期<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td><td><div class=\\"t-table__cell--editable\\">2022-02-01<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td></tr><tr><td><div>王芳</div></td><td><div>审批失败</div></td><td><div>宣传物料制作费用</div></td><td><div>2022-03-01</div></td></tr><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"贾明\\" class=\\"t-input__inner\\"></div></div></div></td><td><div class=\\"t-table__cell--editable\\">审批通过<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用、algolia 服务报销<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td><td><div class=\\"t-table__cell--editable\\">2022-04-01<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td></tr><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"张三\\" class=\\"t-input__inner\\"></div></div></div></td><td><div class=\\"t-table__cell--editable\\">审批过期<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td><td><div class=\\"t-table__cell--editable\\">2022-01-01<svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><g fill=\\"currentColor\\" opacity=\\"0.9\\" fill-opacity=\\"0.9\\"><path d=\\"M14.13 4.95L10.9 1.71l.7-.71 3.25 3.24-.7.71zM5.97 13.11l-3.61.72a.3.3 0 01-.35-.35l.72-3.61 7.3-7.3 3.24 3.24-7.3 7.3zm5.89-7.3l-1.83-1.83-6.38 6.38-.46 2.29 2.29-.46 6.38-6.38zM15 11h-4v1h4v-1zM15 13H8.5v1H15v-1z\\"></path></g></svg></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/editable-cell.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-52072a01><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\" data-v-52072a01><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"firstName\\" class=\\"t-table__th-firstName\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"letters\\" class=\\"t-table__th-letters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">创建日期</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"贾明\\" class=\\"t-input__inner\\"></div></div></div></td><td><div class=\\"t-table__cell--editable\\">审批通过<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg></div></td><td><div class=\\"t-table__cell-wrap\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>宣传物料制作费用</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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></td><td><div class=\\"t-table__cell--editable\\">2022-01-01<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg></div></td></tr><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"张三\\" class=\\"t-input__inner\\"></div></div></div></td><td><div class=\\"t-table__cell--editable\\">审批过期<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg></div></td><td><div class=\\"t-table__cell-wrap\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>宣传物料制作费用</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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></td><td><div class=\\"t-table__cell--editable\\">2022-02-01<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg></div></td></tr><tr><td><div>王芳</div></td><td><div>审批失败</div></td><td><div>宣传物料制作费用</div></td><td><div>2022-03-01</div></td></tr><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"贾明\\" class=\\"t-input__inner\\"></div></div></div></td><td><div class=\\"t-table__cell--editable\\">审批通过<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg></div></td><td><div class=\\"t-table__cell-wrap\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>宣传物料制作费用</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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></td><td><div class=\\"t-table__cell--editable\\">2022-04-01<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg></div></td></tr><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"张三\\" class=\\"t-input__inner\\"></div></div></div></td><td><div class=\\"t-table__cell--editable\\">审批过期<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg></div></td><td><div class=\\"t-table__cell-wrap\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>宣传物料制作费用</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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></td><td><div class=\\"t-table__cell--editable\\">2022-01-01<svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-edit-1\\"><path fill=\\"currentColor\\" d=\\"M16.83 1.42l5.75 5.75L7.75 22H2v-5.75L16.83 1.42zm0 8.68l2.92-2.93-2.92-2.93-2.93 2.93 2.93 2.93zm-4.34-1.51L4 17.07V20h2.93l8.48-8.49L12.5 8.6z\\"></path></svg></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/editable-row.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table-demo__editable-row\\"><div><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">校验全部</span></button></div><br><div class=\\"t-table t-table--bordered t-table--row-edit\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-auto\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col><col><col><col style=\\"width:150px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"user.firstName\\" class=\\"t-table__th-user.firstName\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"letters\\" class=\\"t-table__th-letters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-demo-col__datepicker t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">创建日期</div></th><th data-colkey=\\"operate\\" class=\\"t-table__th-operate\\"><div class=\\"t-table__th-cell-inner\\">操作栏</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"贾明\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">贾明</span></div></div></div></td><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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></td><td><div class=\\"t-table__cell-wrap\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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></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></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell-wrap\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"2022-01-01\\" 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></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"1\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">保存</a><a target=\\"\\" data-id=\\"1\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">取消</a></div></td></tr><tr><td><div class=\\"t-table__cell--editable\\">张三</div></td><td><div class=\\"t-table__cell--editable\\">审批过期</div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用</div></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell--editable\\">2022-02-01</div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"2\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">编辑</a></div></td></tr><tr><td><div class=\\"t-table__cell--editable\\">王芳</div></td><td><div class=\\"t-table__cell--editable\\">审批失败</div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用</div></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell--editable\\">2022-03-01</div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"3\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">编辑</a></div></td></tr><tr><td><div class=\\"t-table__cell--editable\\">贾明</div></td><td><div class=\\"t-table__cell--editable\\">审批通过</div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用、algolia 服务报销</div></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell--editable\\">2022-04-01</div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"4\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">编辑</a></div></td></tr><tr><td><div class=\\"t-table__cell--editable\\">张三</div></td><td><div class=\\"t-table__cell--editable\\">审批过期</div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用</div></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell--editable\\">2022-01-01</div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"5\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">编辑</a></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/editable-row.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table-demo__editable-row\\"><div><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">校验全部</span></button></div><br><div class=\\"t-table t-table--bordered t-table--row-edit\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-auto\\" style=\\"width:;\\"><colgroup><col style=\\"width:120px;\\"><col><col><col><col style=\\"width:150px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"user.firstName\\" class=\\"t-table__th-user.firstName\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"letters\\" class=\\"t-table__th-letters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-demo-col__datepicker t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">创建日期</div></th><th data-colkey=\\"operate\\" class=\\"t-table__th-operate\\"><div class=\\"t-table__th-cell-inner\\">操作栏</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input\\"><input autofocus=\\"autofocus\\" autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"贾明\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">贾明</span></div></div></div></td><td><div class=\\"t-table__cell-wrap\\"><div class=\\"t-select__wrap\\"><div class=\\"t-select-input t-select\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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></td><td><div class=\\"t-table__cell-wrap\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>宣传物料制作费用</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell-wrap\\"><div class=\\"t-date-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"2022-01-01\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-calendar\\"><path fill=\\"currentColor\\" d=\\"M6 4V1.5h2V4h8V1.5h2V4h4v18H2V4h4zM4 6v3h16V6H4zm16 5H4v9h16v-9z\\"></path></svg></span></div></div></div></div></div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"1\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">保存</a><a target=\\"\\" data-id=\\"1\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">取消</a></div></td></tr><tr><td><div class=\\"t-table__cell--editable\\">张三</div></td><td><div class=\\"t-table__cell--editable\\">审批过期</div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用</div></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell--editable\\">2022-02-01</div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"2\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">编辑</a></div></td></tr><tr><td><div class=\\"t-table__cell--editable\\">王芳</div></td><td><div class=\\"t-table__cell--editable\\">审批失败</div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用</div></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell--editable\\">2022-03-01</div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"3\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">编辑</a></div></td></tr><tr><td><div class=\\"t-table__cell--editable\\">贾明</div></td><td><div class=\\"t-table__cell--editable\\">审批通过</div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用、algolia 服务报销</div></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell--editable\\">2022-04-01</div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"4\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">编辑</a></div></td></tr><tr><td><div class=\\"t-table__cell--editable\\">张三</div></td><td><div class=\\"t-table__cell--editable\\">审批过期</div></td><td><div class=\\"t-table__cell--editable\\">宣传物料制作费用</div></td><td class=\\"t-demo-col__datepicker\\"><div class=\\"t-table__cell--editable\\">2022-01-01</div></td><td><div class=\\"table-operations\\"><a target=\\"\\" data-id=\\"5\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\">编辑</a></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/ellipsis.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:100px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">申请人</div></div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">签署方式（超长标题示例）</div></div></th><th data-colkey=\\"ellipsisProps\\" class=\\"t-table__th-ellipsisProps\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"ellipsisContent\\" class=\\"t-table__th-ellipsisContent\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">申请事项</div></div></th><th data-colkey=\\"propsAndContent1\\" class=\\"t-table__th-propsAndContent1\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">审核时间</div></div></th><th data-colkey=\\"link\\" class=\\"t-table__th-link\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">操作</div></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">贾明（kyrieJia）</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">宣传物料制作费用</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2021-11-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">张三（threeZhang)</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">algolia 服务报销</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2021-12-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">王芳（fangWang)</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">相关周边制作费</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2022-01-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">贾明（kyrieJia）</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">激励奖品快递费</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2022-02-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">张三（threeZhang)</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">宣传物料制作费用</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2021-11-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/ellipsis.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:100px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">申请人</div></div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">签署方式（超长标题示例）</div></div></th><th data-colkey=\\"ellipsisProps\\" class=\\"t-table__th-ellipsisProps\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"ellipsisContent\\" class=\\"t-table__th-ellipsisContent\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">申请事项</div></div></th><th data-colkey=\\"propsAndContent1\\" class=\\"t-table__th-propsAndContent1\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">审核时间</div></div></th><th data-colkey=\\"link\\" class=\\"t-table__th-link\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">操作</div></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">贾明（kyrieJia）</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">宣传物料制作费用</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2021-11-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">张三（threeZhang)</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">algolia 服务报销</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2021-12-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">王芳（fangWang)</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">相关周边制作费</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2022-01-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">贾明（kyrieJia）</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">激励奖品快递费</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2022-02-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr><tr><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">张三（threeZhang)</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">宣传物料制作费用</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2021-11-01</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><a href=\\"/vue-next/components/table\\" target=\\"_blank\\">点击查看审批详情</a></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/table/_example/empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"type\\" class=\\"t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\">类型</div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\">平台</div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\">属性</div></th><th data-colkey=\\"default\\" class=\\"t-table__th-default\\"><div class=\\"t-table__th-cell-inner\\">默认值</div></th><th data-colkey=\\"needed\\" class=\\"t-table__th-needed\\"><div class=\\"t-table__th-cell-inner\\">是否必传</div></th><th data-colkey=\\"description\\" class=\\"t-table__th-description\\"><div class=\\"t-table__th-cell-inner\\">说明</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-table__empty-row\\"><td colspan=\\"6\\"><div class=\\"t-table__empty\\"></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"type\\" class=\\"t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\">类型</div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\">平台</div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\">属性</div></th><th data-colkey=\\"default\\" class=\\"t-table__th-default\\"><div class=\\"t-table__th-cell-inner\\">默认值</div></th><th data-colkey=\\"needed\\" class=\\"t-table__th-needed\\"><div class=\\"t-table__th-cell-inner\\">是否必传</div></th><th data-colkey=\\"description\\" class=\\"t-table__th-description\\"><div class=\\"t-table__th-cell-inner\\">说明</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-table__empty-row\\"><td colspan=\\"6\\"><div class=\\"t-table__empty\\"></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"type\\" class=\\"t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\">类型</div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\">平台</div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\">属性</div></th><th data-colkey=\\"default\\" class=\\"t-table__th-default\\"><div class=\\"t-table__th-cell-inner\\">默认值</div></th><th data-colkey=\\"needed\\" class=\\"t-table__th-needed\\"><div class=\\"t-table__th-cell-inner\\">是否必传</div></th><th data-colkey=\\"description\\" class=\\"t-table__th-description\\"><div class=\\"t-table__th-cell-inner\\">说明</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-table__empty-row\\"><td colspan=\\"6\\"><div class=\\"t-table__empty\\"></div></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/expandable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column tdesign-demo__table\\" style=\\"width:100%;\\" data-v-ce8962e4><div data-v-ce8962e4><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-ce8962e4><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-ce8962e4><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'true'\\" value=\\"true\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">显示展开图标</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-ce8962e4><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'false'\\" value=\\"false\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">隐藏展开图标</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-ce8962e4><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'custom'\\" value=\\"custom\\" 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 data-v-ce8962e4><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" data-v-ce8962e4><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">允许点击行之后展开/收起</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\" data-v-ce8962e4><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定列</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\" data-v-ce8962e4><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">空数据</span></label></div><div class=\\"t-table t-table--horizontal-bar-affixed\\" style=\\"position:relative;\\" data-v-ce8962e4><div class=\\"t-table__content\\"><table class=\\"t-table--layout-auto\\" style=\\"width:1200px;\\"><colgroup><col style=\\"width:64px;\\"><col style=\\"width:80px;\\"><col><col><col><col><col></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"__EXPAND_ROW_ICON_COLUMN__\\" class=\\"t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 查看详情 </a></td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 再次申请 </a></td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 再次申请 </a></td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 查看详情 </a></td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 再次申请 </a></td></tr></tbody><!----></table></div><div style=\\"margin-top:-12px;\\"><div><div class=\\"scrollbar t-table__scrollbar--obvious\\" style=\\"width:0px;overflow:auto;opacity:1;\\"><div style=\\"width:0px;height:5px;\\"></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/expandable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column tdesign-demo__table\\" style=\\"width:100%;\\" data-v-ce8962e4><div data-v-ce8962e4><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-ce8962e4><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-ce8962e4><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'true'\\" value=\\"true\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">显示展开图标</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-ce8962e4><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'false'\\" value=\\"false\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">隐藏展开图标</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-ce8962e4><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'custom'\\" value=\\"custom\\" 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 data-v-ce8962e4><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" data-v-ce8962e4><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">允许点击行之后展开/收起</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\" data-v-ce8962e4><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定列</span></label><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:32px;\\" data-v-ce8962e4><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">空数据</span></label></div><div class=\\"t-table t-table--horizontal-bar-affixed\\" style=\\"position:relative;\\" data-v-ce8962e4><div class=\\"t-table__content\\"><table class=\\"t-table--layout-auto\\" style=\\"width:1200px;\\"><colgroup><col style=\\"width:64px;\\"><col style=\\"width:80px;\\"><col><col><col><col><col></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"__EXPAND_ROW_ICON_COLUMN__\\" class=\\"t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 查看详情 </a></td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 再次申请 </a></td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 再次申请 </a></td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 查看详情 </a></td></tr><tr><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-ce8962e4> 再次申请 </a></td></tr></tbody><!----></table></div><div style=\\"margin-top:-12px;\\"><div><div class=\\"scrollbar t-table__scrollbar--obvious\\" style=\\"width:0px;overflow:auto;opacity:1;\\"><div style=\\"width:0px;height:5px;\\"></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/table/_example/filter-controlled.vue correctly 1`] = `
 "<form data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column tdesign-demo__table t-form\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'left'\\" value=\\"left\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'center'\\" value=\\"center\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">居中对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'right'\\" value=\\"right\\" 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><button type=\\"button\\" class=\\"t-button t-button--variant-text t-button--theme-default\\" style=\\"margin-left:36px;\\"><span class=\\"t-button__text\\">清除筛选条件</span></button><span style=\\"padding-left:36px;\\">已选筛选条件：{
   &quot;createTime&quot;: []
-}</span></div><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否显示表格边框</span></label></div><div class=\\"t-table t-table--bordered t-table--column-resizable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>申请状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>签署方式</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>邮箱地址</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>申请时间</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><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><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><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 class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></form>"
+}</span></div><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否显示表格边框</span></label></div><div class=\\"t-table t-table--bordered t-table--column-resizable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>申请状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>签署方式</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>邮箱地址</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>申请时间</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></form>"
 `;
 
-exports[`ssr snapshot test > renders ./src/table/_example/fixed-column.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column tdesign-demo__table\\" style=\\"max-width:1200px;\\" data-v-c5be352e><div data-v-c5be352e><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-c5be352e><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"1\\" value=\\"1\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左侧固定一列</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\" checked=\\"checked\\" 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 data-v-c5be352e><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-c5be352e><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"1\\" value=\\"1\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右侧固定一列</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\" 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 data-v-c5be352e><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-c5be352e><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'fixed'\\" value=\\"fixed\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: fixed</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'auto'\\" value=\\"auto\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: auto</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:16px;vertical-align:middle;\\" data-v-c5be352e><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">空数据</span></label></div><div class=\\"t-table t-table--bordered t-table--column-fixed t-table--column-resizable\\" style=\\"position:relative;\\" data-v-c5be352e><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:180px;\\"><col style=\\"width:200px;\\"><col style=\\"width:180px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请日期</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 再次申请 </a></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/fixed-column.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column tdesign-demo__table\\" style=\\"max-width:1200px;\\" data-v-c5be352e><div data-v-c5be352e><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-c5be352e><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"1\\" value=\\"1\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左侧固定一列</span></label><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\" checked=\\"checked\\" 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 data-v-c5be352e><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-c5be352e><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"1\\" value=\\"1\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右侧固定一列</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"2\\" value=\\"2\\" 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 data-v-c5be352e><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-c5be352e><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'fixed'\\" value=\\"fixed\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: fixed</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-c5be352e><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'auto'\\" value=\\"auto\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: auto</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"margin-left:16px;vertical-align:middle;\\" data-v-c5be352e><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">空数据</span></label></div><div class=\\"t-table t-table--bordered t-table--column-fixed t-table--column-resizable\\" style=\\"position:relative;\\" data-v-c5be352e><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:180px;\\"><col style=\\"width:200px;\\"><col style=\\"width:180px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请日期</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-c5be352e> 再次申请 </a></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/fixed-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'fixed'\\" value=\\"fixed\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: fixed</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'auto'\\" value=\\"auto\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: auto</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><br><br><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否冻结首尾两行</span></label></div><br><br><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\" style=\\"max-height:300px;\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:160px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请日期</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr><td key=\\"applicant\\">-</td><td key=\\"status\\"></td><td key=\\"matters\\">-</td><td key=\\"detail.email\\">-</td><td key=\\"createTime\\">-</td><td key=\\"operation\\">-</td></tr></tfoot></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/fixed-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'fixed'\\" value=\\"fixed\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: fixed</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'auto'\\" value=\\"auto\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: auto</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><br><br><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否冻结首尾两行</span></label></div><br><br><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\" style=\\"max-height:300px;\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:160px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请日期</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>相关周边制作费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\"> 再次申请 </a></td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr><td key=\\"applicant\\">-</td><td key=\\"status\\"></td><td key=\\"matters\\">-</td><td key=\\"detail.email\\">-</td><td key=\\"createTime\\">-</td><td key=\\"operation\\">-</td></tr></tfoot></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/fixed-header-col.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column tdesign-demo__table\\" style=\\"width:100%;\\" data-v-4344bc5a><div data-v-4344bc5a><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-4344bc5a><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-4344bc5a><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'fixed'\\" value=\\"fixed\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: fixed</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-4344bc5a><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'auto'\\" value=\\"auto\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: auto</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div data-v-4344bc5a><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-4344bc5a><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-4344bc5a><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否冻结首尾两行</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-4344bc5a><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否显示斑马纹</span></label></div></div></div><div class=\\"t-table t-table--bordered t-table--column-fixed\\" style=\\"position:relative;\\" data-v-4344bc5a><div class=\\"t-table__content\\" style=\\"max-height:300px;\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:180px;\\"><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请日期</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr><td key=\\"applicant\\">共20条</td><td key=\\"status\\"></td><td key=\\"channel\\">-</td><td key=\\"matters\\">-</td><td key=\\"detail.email\\">-</td><td key=\\"createTime\\">-</td><td key=\\"operation\\">-</td></tr></tfoot></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/fixed-header-col.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column tdesign-demo__table\\" style=\\"width:100%;\\" data-v-4344bc5a><div data-v-4344bc5a><div class=\\"t-radio-group t-size-m t-radio-group--filled\\" data-v-4344bc5a><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" data-v-4344bc5a><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'fixed'\\" value=\\"fixed\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: fixed</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\" data-v-4344bc5a><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'auto'\\" value=\\"auto\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">table-layout: auto</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div data-v-4344bc5a><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-4344bc5a><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-4344bc5a><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否冻结首尾两行</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-4344bc5a><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">是否显示斑马纹</span></label></div></div></div><div class=\\"t-table t-table--bordered t-table--column-fixed\\" style=\\"position:relative;\\" data-v-4344bc5a><div class=\\"t-table__content\\" style=\\"max-height:300px;\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:180px;\\"><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请日期</div></th><th data-colkey=\\"operation\\" class=\\"t-table__th-operation\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 查看详情 </a></td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a target=\\"\\" class=\\"t-link t-link--theme-primary t-link--hover-color\\" data-v-4344bc5a> 再次申请 </a></td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr><td key=\\"applicant\\">共20条</td><td key=\\"status\\"></td><td key=\\"channel\\">-</td><td key=\\"matters\\">-</td><td key=\\"detail.email\\">-</td><td key=\\"createTime\\">-</td><td key=\\"operation\\">-</td></tr></tfoot></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/table/_example/lazy.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"demo-container\\"><div class=\\"item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-top:10px;\\"><span class=\\"t-button__text\\"> 重置表格数据 </span></button><br><br><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\" style=\\"height:300px;\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr><tr><td style=\\"height:48px;border:none;\\"></td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/table/_example/loading.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column\\"><div class=\\"t-table t-size-s t-table--loading\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"type\\" class=\\"row t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">类型</div></div></th><th data-colkey=\\"platform\\" class=\\"test t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">平台</div></div></th><th data-colkey=\\"property\\" class=\\"test2 t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">属性</div></div></th><th data-colkey=\\"default\\" class=\\"test4 t-table__th-default\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">默认值</div></div></th><th data-colkey=\\"needed\\" class=\\"test3 t-table__th-needed\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">是否必传</div></div></th><th data-colkey=\\"description\\" class=\\"row t-table__th-description\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">说明</div></div></th></tr></thead><tbody class=\\"t-table__body\\"></tbody><!----></table></div><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" 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=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div><div class=\\"t-table t-size-s t-table--loading\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"type\\" class=\\"row t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">类型</div></div></th><th data-colkey=\\"platform\\" class=\\"test t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">平台</div></div></th><th data-colkey=\\"property\\" class=\\"test2 t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">属性</div></div></th><th data-colkey=\\"default\\" class=\\"test4 t-table__th-default\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">默认值</div></div></th><th data-colkey=\\"needed\\" class=\\"test3 t-table__th-needed\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">是否必传</div></div></th><th data-colkey=\\"description\\" class=\\"row t-table__th-description\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">说明</div></div></th></tr></thead><tbody class=\\"t-table__body\\"></tbody><!----></table></div><div class=\\"t-loading--center t-size-s t-loading\\"><div class=\\"t-loading__text\\"><div class=\\"t-table--loading-message\\">😊 这里使用插槽自定义加载状态 😊</div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div><div class=\\"t-table t-size-s t-table--loading\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"type\\" class=\\"row t-table__th-type\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">类型</div></div></th><th data-colkey=\\"platform\\" class=\\"test t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">平台</div></div></th><th data-colkey=\\"property\\" class=\\"test2 t-table__th-property\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">属性</div></div></th><th data-colkey=\\"default\\" class=\\"test4 t-table__th-default\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">默认值</div></div></th><th data-colkey=\\"needed\\" class=\\"test3 t-table__th-needed\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">是否必传</div></div></th><th data-colkey=\\"description\\" class=\\"row t-table__th-description\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">说明</div></div></th></tr></thead><tbody class=\\"t-table__body\\"></tbody><!----></table></div><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" 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=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg><div class=\\"t-loading__text\\"><div class=\\"t-table--loading-message\\">这里使用渲染函数定义加载状态</div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/merge-cells.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table t-table--bordered t-table--rowspan-colspan t-table--column-resizable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:150px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"description\\" class=\\"t-table__th-description\\"><div class=\\"t-table__th-cell-inner\\">审批事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"channel\\" colspan=\\"2\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">其他信息</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td rowspan=\\"2\\" class=\\"t-table__td-first-col\\">贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>电子签署</td><td>2021-11-01</td></tr><tr><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td rowspan=\\"2\\" colspan=\\"2\\">algolia 服务报销</td><td>纸质签署</td><td>2021-11-01</td></tr><tr><td rowspan=\\"2\\" class=\\"t-table__td-first-col\\">王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>2021-11-01</td></tr><tr><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>激励奖品快递费</td><td>b.nmgw@peurezgn.sl</td><td>电子签署</td><td>2021-11-01</td></tr><tr><td rowspan=\\"2\\" class=\\"t-table__td-last-row t-table__td-first-col\\">张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td>d.cumx@rampblpa.ru</td><td>纸质签署</td><td>2021-11-01</td></tr><tr><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>纸质签署</td><td>2021-11-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/merge-cells.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table t-table--bordered t-table--rowspan-colspan t-table--column-resizable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:150px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"description\\" class=\\"t-table__th-description\\"><div class=\\"t-table__th-cell-inner\\">审批事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"channel\\" colspan=\\"2\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">其他信息</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td rowspan=\\"2\\" class=\\"t-table__td-first-col\\">贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>电子签署</td><td>2021-11-01</td></tr><tr><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td rowspan=\\"2\\" colspan=\\"2\\">algolia 服务报销</td><td>纸质签署</td><td>2021-11-01</td></tr><tr><td rowspan=\\"2\\" class=\\"t-table__td-first-col\\">王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>2021-11-01</td></tr><tr><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>激励奖品快递费</td><td>b.nmgw@peurezgn.sl</td><td>电子签署</td><td>2021-11-01</td></tr><tr><td rowspan=\\"2\\" class=\\"t-table__td-last-row t-table__td-first-col\\">张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td>d.cumx@rampblpa.ru</td><td>纸质签署</td><td>2021-11-01</td></tr><tr><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>纸质签署</td><td>2021-11-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/multi-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo-table-multi-head tdesign-demo__tabler\\" style=\\"width:100%;\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定左侧列</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定右侧列</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表头吸顶</span></label></div></div><div class=\\"t-table t-table--bordered t-table--multiple-header t-table--column-resizable t-table--col-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__top-content\\"><div class=\\"t-table__column-controller-trigger t-align-top-right\\"><button type=\\"button\\" class=\\"t-button 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-setting\\"><path fill=\\"currentColor\\" d=\\"M11 8a3 3 0 11-6 0 3 3 0 016 0zm-1 0a2 2 0 10-4 0 2 2 0 004 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1.25l6.06 3.38v6.75L8 14.75l-6.06-3.38V4.63L8 1.25zM2.94 5.21v5.58L8 13.6l5.06-2.82V5.2L8 2.4 2.94 5.21z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\">列配置</span></button></div></div><div class=\\"t-table__content\\" style=\\"max-height:380px;\\"><div class=\\"t-table__virtual-scroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:110px;\\"><col style=\\"width:150px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed t-table--bordered t-table__header--multiple\\"><tr><th data-colkey=\\"applicant\\" rowspan=\\"3\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"total_info\\" colspan=\\"3\\" class=\\"t-table__th-total_info t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请汇总</div></th><th data-colkey=\\"field1\\" rowspan=\\"3\\" class=\\"t-table__th-field1 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">住宿费</div></th><th data-colkey=\\"field3\\" rowspan=\\"3\\" class=\\"t-table__th-field3 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">交通费</div></th><th data-colkey=\\"field4\\" rowspan=\\"3\\" class=\\"t-table__th-field4 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">物料费</div></th><th data-colkey=\\"field2\\" rowspan=\\"3\\" class=\\"t-table__th-field2 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">奖品激励费</div></th><th data-colkey=\\"instruction\\" colspan=\\"3\\" class=\\"t-table__th-instruction t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">审批汇总</div></th><th data-colkey=\\"createTime\\" rowspan=\\"3\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr><tr><th data-colkey=\\"platform\\" rowspan=\\"2\\" class=\\"t-table__header-th--bordered t-table__th-platform t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><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><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><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></th><th data-colkey=\\"type_default\\" colspan=\\"2\\" class=\\"t-table__th-type_default t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请渠道和金额</div></th><th data-colkey=\\"property\\" rowspan=\\"2\\" class=\\"t-table__th-property t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>审批状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2 3a1 1 0 011-1h10a1 1 0 011 1v1.79l-4.25 2.5V14h-3.5V7.29L2 4.79V3zm11 0H3v1.21l4.25 2.5V13h1.5V6.71L13 4.21V3z\\" fill-opacity=\\"0.9\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"description\\" colspan=\\"2\\" class=\\"t-table__th-description t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">说明</div></div></th></tr><tr><th data-colkey=\\"channel\\" class=\\"t-table__header-th--bordered t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">类型</div></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请耗时(天)</div></th><th data-colkey=\\"field7\\" class=\\"t-table__th-field7 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">审批单号</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th></tr></thead><tbody class=\\"t-table__body\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号0021</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0022</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0023</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0024</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0025</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0026</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0027</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0028</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0029</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0030</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/multi-header.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large tdesign-demo-table-multi-head tdesign-demo__tabler\\" style=\\"width:100%;\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定左侧列</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">固定右侧列</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">表头吸顶</span></label></div></div><div class=\\"t-table t-table--bordered t-table--multiple-header t-table--column-resizable t-table--col-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__top-content\\"><div class=\\"t-table__column-controller-trigger t-align-top-right\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-setting\\"><path fill=\\"currentColor\\" d=\\"M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></svg><span class=\\"t-button__text\\">列配置</span></button></div></div><div class=\\"t-table__content\\" style=\\"max-height:380px;\\"><div class=\\"t-table__virtual-scroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:110px;\\"><col style=\\"width:150px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed t-table--bordered t-table__header--multiple\\"><tr><th data-colkey=\\"applicant\\" rowspan=\\"3\\" class=\\"t-table__th-applicant t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"total_info\\" colspan=\\"3\\" class=\\"t-table__th-total_info t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请汇总</div></th><th data-colkey=\\"field1\\" rowspan=\\"3\\" class=\\"t-table__th-field1 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">住宿费</div></th><th data-colkey=\\"field3\\" rowspan=\\"3\\" class=\\"t-table__th-field3 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">交通费</div></th><th data-colkey=\\"field4\\" rowspan=\\"3\\" class=\\"t-table__th-field4 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">物料费</div></th><th data-colkey=\\"field2\\" rowspan=\\"3\\" class=\\"t-table__th-field2 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">奖品激励费</div></th><th data-colkey=\\"instruction\\" colspan=\\"3\\" class=\\"t-table__th-instruction t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">审批汇总</div></th><th data-colkey=\\"createTime\\" rowspan=\\"3\\" class=\\"t-table__th-createTime t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr><tr><th data-colkey=\\"platform\\" rowspan=\\"2\\" class=\\"t-table__header-th--bordered t-table__th-platform t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"type_default\\" colspan=\\"2\\" class=\\"t-table__th-type_default t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请渠道和金额</div></th><th data-colkey=\\"property\\" rowspan=\\"2\\" class=\\"t-table__th-property t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--filterable\\"><div class=\\"t-table__cell--title\\"><div>审批状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__filter-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-filter\\"><path fill=\\"currentColor\\" d=\\"M2.57 3h18.86l-6.93 9.82V21h-5v-8.18L2.57 3zm3.86 2l5.07 7.18V19h1v-6.82L17.57 5H6.43z\\"></path></svg></div></div></div></div></div></th><th data-colkey=\\"description\\" colspan=\\"2\\" class=\\"t-table__th-description t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">说明</div></div></th></tr><tr><th data-colkey=\\"channel\\" class=\\"t-table__header-th--bordered t-table__th-channel t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">类型</div></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">申请耗时(天)</div></th><th data-colkey=\\"field7\\" class=\\"t-table__th-field7 t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\">审批单号</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email t-table__th--drag-sort\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th></tr></thead><tbody class=\\"t-table__body\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号0021</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0022</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0023</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0024</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0025</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0026</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0027</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-align-center\\">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0028</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0029</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-align-center\\">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0030</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/table/_example/multiple-sort.vue correctly 1`] = `
 "<div data-server-rendered=\\"true\\" class=\\"demo-container\\"><div class=\\"item\\"><p style=\\"margin-left:24px;\\">排序：[
@@ -1009,31 +1011,31 @@ exports[`ssr snapshot test > renders ./src/table/_example/multiple-sort.vue corr
     &quot;sortBy&quot;: &quot;time&quot;,
     &quot;descending&quot;: false
   }
-]</p><br><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><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><span class=\\"t-table__sort-icon--active t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><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></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请耗时(天)</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-table__sort-icon--active t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><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><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><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></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td class=\\"t-align-center\\">3</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td class=\\"t-align-center\\">1</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td class=\\"t-align-center\\">4</td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td class=\\"t-align-center\\">2</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"
+]</p><br><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span><span class=\\"t-table__sort-icon--active t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请耗时(天)</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-table__sort-icon--active t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td class=\\"t-align-center\\">3</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td class=\\"t-align-center\\">1</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td class=\\"t-align-center\\">4</td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td class=\\"t-align-center\\">2</td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"
 `;
 
-exports[`ssr snapshot test > renders ./src/table/_example/pagination.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-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"true\\" value=\\"true\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">跨分页选中</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" 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\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:80px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:46px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"serial-number\\" class=\\"t-table__th-serial-number\\"><div class=\\"t-table__th-cell-inner\\">序号</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>6</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>2022-02-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>7</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>2022-03-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>8</td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>2022-04-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>9</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>2022-01-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>10</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td>2022-02-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 59 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><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\\">1</li><li class=\\"t-pagination__number t-is-current\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 9a1 1 0 110-2 1 1 0 010 2zM7 8a1 1 0 102 0 1 1 0 00-2 0zM12 8a1 1 0 102 0 1 1 0 00-2 0z\\" fill-opacity=\\"0.9\\"></path></svg></li><li class=\\"t-pagination__number\\">12</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\\">跳至<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\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"2\\" class=\\"t-input__inner\\"></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 12 页</span></span></div></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/pagination.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-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"true\\" value=\\"true\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">跨分页选中</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" 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\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:80px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"width:46px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"serial-number\\" class=\\"t-table__th-serial-number\\"><div class=\\"t-table__th-cell-inner\\">序号</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>6</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>2022-02-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>7</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>2022-03-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>8</td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td>2022-04-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>9</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td>2022-01-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr><tr><td>10</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td>2022-02-01</td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td></tr></tbody><!----></table></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 59 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"5 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">5 条/页</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 class=\\"t-pagination__btn t-pagination__btn-prev\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number\\">1</li><li class=\\"t-pagination__number t-is-current\\">2</li><li class=\\"t-pagination__number\\">3</li><li class=\\"t-pagination__number\\">4</li><li class=\\"t-pagination__number\\">5</li><li class=\\"t-pagination__number t-pagination__number--more\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-ellipsis\\"><path fill=\\"currentColor\\" d=\\"M3 10.5h3v3H3v-3zm7.5 0h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></li><li class=\\"t-pagination__number\\">12</li></ul><div class=\\"t-pagination__btn t-pagination__btn-next\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<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\\"><input autocomplete=\\"off\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"2\\" class=\\"t-input__inner\\"></div></div></div><span class=\\"t-input-adornment__append\\"><span class=\\"t-input-adornment__text\\">/ 12 页</span></span></div></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/pagination-ajax.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table t-table--bordered t-table--striped t-table--loading\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:46px;\\"><col style=\\"width:200px;\\"><col style=\\"width:150px;\\"><col style=\\"width:200px;\\"><col style=\\"width:180px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th><th data-colkey=\\"name\\" class=\\"t-table__th-name\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"phone\\" class=\\"t-table__th-phone\\"><div class=\\"t-table__th-cell-inner\\">联系方式</div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱</div></div></th></tr></thead><tbody class=\\"t-table__body\\"></tbody><!----></table></div><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" 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=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 0 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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></ul><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-next 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></div><div class=\\"t-pagination__jump\\">跳至<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\\"><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\\">/ 1 页</span></span></div></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/pagination-ajax.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-table t-table--bordered t-table--striped t-table--loading\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:46px;\\"><col style=\\"width:200px;\\"><col style=\\"width:150px;\\"><col style=\\"width:200px;\\"><col style=\\"width:180px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th><th data-colkey=\\"name\\" class=\\"t-table__th-name\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"phone\\" class=\\"t-table__th-phone\\"><div class=\\"t-table__th-cell-inner\\">联系方式</div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱</div></div></th></tr></thead><tbody class=\\"t-table__body\\"></tbody><!----></table></div><div class=\\"t-loading--center t-size-s t-loading\\"><svg viewBox=\\"0 0 12 12\\" 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=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 0 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li></ul><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-next t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div><div class=\\"t-pagination__jump\\">跳至<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\\"><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\\">/ 1 页</span></span></div></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/select-multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-1119a7d2><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-1119a7d2><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:50px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-table__row--selected\\"><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/select-multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-1119a7d2><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-1119a7d2><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:50px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr class=\\"t-table__row--selected\\"><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label class=\\"t-checkbox t-is-disabled\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/select-single.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__table\\" data-v-2dd73e0f><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-2dd73e0f><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:50px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class=\\"t-table__row--disabled\\"><td class=\\"t-table__cell-check\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class=\\"t-table__row--disabled\\"><td class=\\"t-table__cell-check\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/select-single.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo__table\\" data-v-2dd73e0f><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-2dd73e0f><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:50px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class=\\"t-table__row--disabled\\"><td class=\\"t-table__cell-check\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class=\\"t-table__row--disabled\\"><td class=\\"t-table__cell-check\\"><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" disabled=\\"disabled\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-radio\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-allow-uncheck=\\"true\\" class=\\"t-radio__former\\"><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"></span></label></td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/table/_example/single-sort.vue correctly 1`] = `
 "<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large demo-container\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 隐藏排序文本提示 </span></label><span style=\\"padding-left:16px;vertical-align:top;\\">排序：{
   &quot;sortBy&quot;: &quot;status&quot;,
   &quot;descending&quot;: true
-}</span></div><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__sort-column t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>审批状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><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><span class=\\"t-table__sort-icon--active t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><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></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请耗时(天)</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><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><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><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></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td class=\\"t-table__sort-column\\"><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</td><td class=\\"t-table__sort-column\\"><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td class=\\"t-align-center\\">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</td><td class=\\"t-table__sort-column\\"><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td class=\\"t-align-center\\">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</td><td class=\\"t-table__sort-column\\"><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td class=\\"t-align-center\\">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"
+}</span></div><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"width:120px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__sort-column t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>审批状态</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span><span class=\\"t-table__sort-icon--active t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__cell--sortable\\"><div class=\\"t-table__cell--title\\"><div>申请耗时(天)</div><div class=\\"t-table__filter-icon-wrap\\"><div class=\\"t-table__cell--sort-trigger t-table__double-icons\\"><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-asc t-negative-rotate-180 t-table-sort-asc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span><span class=\\"t-icon-sort--default t-table__sort-icon t-table-sort-desc t-table-sort-desc\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M17.5 8.09l-5.5 5.5-5.5-5.5L5.09 9.5 12 16.41l6.91-6.91-1.41-1.41z\\"></path></svg></span></div></div></div></div></div></th><th data-colkey=\\"channel\\" class=\\"t-table__th-channel\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td class=\\"t-table__sort-column\\"><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</td><td class=\\"t-table__sort-column\\"><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td class=\\"t-align-center\\">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</td><td class=\\"t-table__sort-column\\"><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td class=\\"t-align-center\\">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</td><td class=\\"t-table__sort-column\\"><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td class=\\"t-align-center\\">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"
 `;
 
-exports[`ssr snapshot test > renders ./src/table/_example/style.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-demo__style\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:160px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center\\"><div class=\\"t-table__th-cell-inner\\">申请耗时(天)</div></th><th data-colkey=\\"channel\\" class=\\"custom-cell-class-name t-table__th-channel t-align-right\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td class=\\"custom-cell-class-name t-align-right\\">电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td class=\\"custom-cell-class-name t-align-center\\" style=\\"font-weight:600;background-color:var(--td-warning-color-light);\\">10</td><td class=\\"custom-cell-class-name t-align-right\\">纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class=\\"custom-third-class-name\\"><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td class=\\"t-align-center\\">1</td><td class=\\"custom-cell-class-name t-align-right\\">纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td class=\\"custom-cell-class-name t-align-right\\">电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td class=\\"custom-cell-class-name t-align-center\\" style=\\"font-weight:600;background-color:var(--td-warning-color-light);\\">10</td><td class=\\"custom-cell-class-name t-align-right\\">纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr class=\\"t-table__row--full\\"><td colspan=\\"6\\"><div class=\\"t-table__row-full-element\\"><div class=\\"t-table__row-filter-inner\\">汇总：近期数据波动较大</div></div></td></tr></tfoot></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/style.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-demo__style\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:100px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:120px;\\"><col style=\\"width:160px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">审批状态</div></th><th data-colkey=\\"time\\" class=\\"t-table__th-time t-align-center\\"><div class=\\"t-table__th-cell-inner\\">申请耗时(天)</div></th><th data-colkey=\\"channel\\" class=\\"custom-cell-class-name t-table__th-channel t-align-right\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">邮箱地址</div></div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td class=\\"custom-cell-class-name t-align-right\\">电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td class=\\"custom-cell-class-name t-align-center\\" style=\\"font-weight:600;background-color:var(--td-warning-color-light);\\">10</td><td class=\\"custom-cell-class-name t-align-right\\">纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class=\\"custom-third-class-name\\"><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td class=\\"t-align-center\\">1</td><td class=\\"custom-cell-class-name t-align-right\\">纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td class=\\"t-align-center\\">2</td><td class=\\"custom-cell-class-name t-align-right\\">电子签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td class=\\"custom-cell-class-name t-align-center\\" style=\\"font-weight:600;background-color:var(--td-warning-color-light);\\">10</td><td class=\\"custom-cell-class-name t-align-right\\">纸质签署</td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody><tfoot class=\\"t-table__footer\\"><tr class=\\"t-table__row--full\\"><td colspan=\\"6\\"><div class=\\"t-table__row-full-element\\"><div class=\\"t-table__row-filter-inner\\">汇总：近期数据波动较大</div></div></td></tr></tfoot></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/tree.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">添加根节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-left:16px;\\"><span class=\\"t-button__text\\">重置/更新数据</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-left:16px;\\"><span class=\\"t-button__text\\">任意节点展开/收起</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-left:16px;\\"><span class=\\"t-button__text\\">展开全部</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-left:16px;\\"><span class=\\"t-button__text\\">获取全部树形结构</span></button></div><br><div><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"vertical-align:middle;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 自定义折叠/展开图标 </span></label></div><br><div class=\\"t-table t-table--row-handler-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:80px;\\"><col style=\\"width:80px;\\"><col style=\\"width:180px;\\"><col style=\\"width:100px;\\"><col style=\\"width:340px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"drag\\" class=\\"t-table__th-drag\\"><div class=\\"t-table__th-cell-inner\\">排序</div></th><th data-colkey=\\"id\\" class=\\"t-table__th-id\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">编号</div></div></th><th data-colkey=\\"key\\" class=\\"t-table__th-key\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">申请人</div></div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"operate\\" class=\\"t-table__th-operate t-align-center\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr data-id=\\"申请人 0_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">0</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\">申请人 0_1 号</div></div></td><td><span class=\\"t-tag t-tag--primary t-tag--dark t-size-s\\"><span>电子签署</span></span></td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人 1_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">1</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人 2_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>申请人 2_1 号</div></div></td><td>纸质签署</td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人 3_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">3</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>申请人 3_1 号</div></div></td><td><span class=\\"t-tag t-tag--primary t-tag--dark t-size-s\\"><span>电子签署</span></span></td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人 4_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">4</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>申请人 4_1 号</div></div></td><td>纸质签署</td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人懒加载节点 66666，点我体验\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">66666</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td><span class=\\"t-tag t-tag--primary t-tag--dark t-size-s\\"><span>电子签署</span></span></td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人懒加载节点 88888，点我体验 \\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M5 1a1 1 0 100 2 1 1 0 000-2zM11 1a1 1 0 100 2 1 1 0 000-2zM4 6a1 1 0 112 0 1 1 0 01-2 0zM11 5a1 1 0 100 2 1 1 0 000-2zM4 10a1 1 0 112 0 1 1 0 01-2 0zM5 13a1 1 0 100 2 1 1 0 000-2zM10 10a1 1 0 112 0 1 1 0 01-2 0zM11 13a1 1 0 100 2 1 1 0 000-2z\\" fill-opacity=\\"0.9\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">88888</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>纸质签署</td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr></tbody><!----></table></div><div class=\\"t-table__bottom-content\\"><div class=\\"t-table__column-controller-trigger t-align-bottom-left\\"><button type=\\"button\\" class=\\"t-button 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-setting\\"><path fill=\\"currentColor\\" d=\\"M11 8a3 3 0 11-6 0 3 3 0 016 0zm-1 0a2 2 0 10-4 0 2 2 0 004 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 1.25l6.06 3.38v6.75L8 14.75l-6.06-3.38V4.63L8 1.25zM2.94 5.21v5.58L8 13.6l5.06-2.82V5.2L8 2.4 2.94 5.21z\\" fill-opacity=\\"0.9\\"></path></svg><span class=\\"t-button__text\\">列配置</span></button></div></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 5 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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></ul><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-next 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></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/tree.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">添加根节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-left:16px;\\"><span class=\\"t-button__text\\">重置/更新数据</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-left:16px;\\"><span class=\\"t-button__text\\">任意节点展开/收起</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-left:16px;\\"><span class=\\"t-button__text\\">展开全部</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-default\\" style=\\"margin-left:16px;\\"><span class=\\"t-button__text\\">获取全部树形结构</span></button></div><br><div><label tabindex=\\"0\\" class=\\"t-checkbox\\" style=\\"vertical-align:middle;\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 自定义折叠/展开图标 </span></label></div><br><div class=\\"t-table t-table--row-handler-draggable\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\"><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:80px;\\"><col style=\\"width:80px;\\"><col style=\\"width:180px;\\"><col style=\\"width:100px;\\"><col style=\\"width:340px;\\"></colgroup><thead class=\\"t-table__header\\"><tr><th data-colkey=\\"drag\\" class=\\"t-table__th-drag\\"><div class=\\"t-table__th-cell-inner\\">排序</div></th><th data-colkey=\\"id\\" class=\\"t-table__th-id\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">编号</div></div></th><th data-colkey=\\"key\\" class=\\"t-table__th-key\\"><div class=\\"t-table__th-cell-inner\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">申请人</div></div></th><th data-colkey=\\"platform\\" class=\\"t-table__th-platform\\"><div class=\\"t-table__th-cell-inner\\">签署方式</div></th><th data-colkey=\\"operate\\" class=\\"t-table__th-operate t-align-center\\"><div class=\\"t-table__th-cell-inner\\">操作</div></th></tr></thead><tbody class=\\"t-table__body\\"><tr data-id=\\"申请人 0_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">0</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\">申请人 0_1 号</div></div></td><td><span class=\\"t-tag t-tag--primary t-tag--dark t-size-s\\"><span>电子签署</span></span></td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人 1_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">1</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人 2_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">2</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>申请人 2_1 号</div></div></td><td>纸质签署</td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人 3_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">3</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>申请人 3_1 号</div></div></td><td><span class=\\"t-tag t-tag--primary t-tag--dark t-size-s\\"><span>电子签署</span></span></td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人 4_1 号\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">4</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>申请人 4_1 号</div></div></td><td>纸质签署</td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人懒加载节点 66666，点我体验\\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">66666</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td><span class=\\"t-tag t-tag--primary t-tag--dark t-size-s\\"><span>电子签署</span></span></td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr><tr data-id=\\"申请人懒加载节点 88888，点我体验 \\" class=\\"t-table-tr--level-0\\"><td class=\\"t-table__handle-draggable\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-move\\"><path fill=\\"currentColor\\" d=\\"M6.75 2.25h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3zm-7.5 5.5h3v3h-3v-3zm7.5 0h3v3h-3v-3z\\"></path></svg></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\">88888</div></td><td class=\\"t-table-td--ellipsis\\"><div class=\\"t-table__ellipsis t-text-ellipsis\\"><div class=\\"t-table__tree-col t-table__tree-col--inline\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>纸质签署</td><td class=\\"t-align-center\\"><div class=\\"tdesign-table-demo__table-operations\\"><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">插入</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">前插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">后插</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">更新</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">查看</a><a target=\\"\\" variant=\\"text\\" class=\\"t-link t-link--theme-default t-link--hover-color\\">删除</a></div></td></tr></tbody><!----></table></div><div class=\\"t-table__bottom-content\\"><div class=\\"t-table__column-controller-trigger t-align-bottom-left\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-setting\\"><path fill=\\"currentColor\\" d=\\"M12 .85l9.66 5.57v11.16L12 23.15l-9.66-5.57V6.42L12 .85zm0 2.3L4.34 7.58v8.84L12 20.85l7.66-4.43V7.58L12 3.15zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></svg><span class=\\"t-button__text\\">列配置</span></button></div></div><div class=\\"t-table__pagination-wrap\\" style=\\"opacity:1;\\"><div class=\\"t-table__pagination\\"><div class=\\"t-pagination t-size-m\\"><div class=\\"t-pagination__total\\">共 5 项数据</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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"请选择\\" type=\\"text\\" unselectable=\\"on\\" value=\\"10 条/页\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">10 条/页</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></div><ul class=\\"t-pagination__pager\\"><li class=\\"t-pagination__number t-is-current\\">1</li></ul><div disabled=\\"disabled\\" class=\\"t-pagination__btn t-pagination__btn-next t-is-disabled\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></div></div></div></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/tree-select.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\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'true'\\" value=\\"true\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">父子行选中独立</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'false'\\" value=\\"false\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span> 父子行选中关联 </span></span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">滚动到指定元素</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\" style=\\"height:300px;\\"><div class=\\"t-table__virtual-scroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:64px;\\"><col style=\\"width:50px;\\"><col style=\\"width:80px;\\"><col style=\\"width:120px;\\"><col style=\\"width:144px;\\"><col style=\\"width:150px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"__EXPAND_ROW_ICON_COLUMN__\\" class=\\"t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th><th data-colkey=\\"serial-number\\" class=\\"t-table__th-serial-number\\"><div class=\\"t-table__th-cell-inner\\">编号</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th></tr></thead><tbody class=\\"t-table__body\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>1</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>2</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>3</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>4</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>5</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>6</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>7</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>8</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>9</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>10</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>11</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>12</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>13</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>14</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>15</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>16</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>17</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>18</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>19</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>20</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>21</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>22</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>23</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>24</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>25</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>26</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>27</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>28</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>29</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M6.2 5.2L9 8l-2.8 2.8.71.7 3.5-3.5-3.5-3.5-.7.7z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 118 1a7 7 0 010 14zm0-1A6 6 0 108 2a6 6 0 000 12z\\" fill-opacity=\\"0.9\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>30</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M7.5 11V8.5H5v-1h2.5V5h1v2.5H11v1H8.5V11h-1z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M3 14a1 1 0 01-1-1V3a1 1 0 011-1h10a1 1 0 011 1v10a1 1 0 01-1 1H3zm0-1h10V3H3v10z\\" fill-opacity=\\"0.9\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/tree-select.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\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'true'\\" value=\\"true\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">父子行选中独立</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'false'\\" value=\\"false\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><span> 父子行选中关联 </span></span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-button--variant-base t-button--theme-default\\"><span class=\\"t-button__text\\">滚动到指定元素</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-table\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\" style=\\"height:300px;\\"><div class=\\"t-table__virtual-scroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:64px;\\"><col style=\\"width:50px;\\"><col style=\\"width:80px;\\"><col style=\\"width:120px;\\"><col style=\\"width:144px;\\"><col style=\\"width:150px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"__EXPAND_ROW_ICON_COLUMN__\\" class=\\"t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__\\"><div class=\\"t-table__th-cell-inner\\"></div></th><th data-colkey=\\"row-select\\" class=\\"t-table__cell-check t-table__th-row-select\\"><div class=\\"t-table__th-cell-inner\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></div></th><th data-colkey=\\"serial-number\\" class=\\"t-table__th-serial-number\\"><div class=\\"t-table__th-cell-inner\\">编号</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"email\\" class=\\"t-table__th-email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th></tr></thead><tbody class=\\"t-table__body\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>1</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>2</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>3</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>4</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>5</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>6</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>7</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>8</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>9</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>10</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>11</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>12</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>13</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>14</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>15</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>16</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>17</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>18</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>19</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>20</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>21</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>22</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>23</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>24</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>25</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>26</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>27</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>28</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>贾明</div></td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>29</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>张三</div></td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td></tr><tr class=\\"t-table-tr--level-0\\"><td class=\\"t-table__expandable-icon-cell\\"><span class=\\"t-table__expand-box t-table__row--collapsed\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right-circle\\"><path fill=\\"currentColor\\" d=\\"M12 3a9 9 0 100 18 9 9 0 000-18zM1 12a11 11 0 1122 0 11 11 0 01-22 0zm9.5-5.41L15.91 12l-5.41 5.41L9.09 16l4-4-4-4 1.41-1.41z\\"></path></svg></span></td><td class=\\"t-table__cell-check\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"></span></label></td><td>30</td><td><div class=\\"t-table__tree-col\\" style=\\"padding-left:1px;\\"><span class=\\"t-table__tree-op-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add-rectangle\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 2v16h16V4H4zm9 2.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5h2z\\"></path></svg></span>王芳</div></td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/table/_example/virtual-scroll.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-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">滚动到指定元素</span></button></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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\\"><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\" style=\\"height:300px;\\"><div class=\\"t-table__virtual-scroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:80px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"serial-number\\" class=\\"t-table__th-serial-number\\"><div class=\\"t-table__th-cell-inner\\">序号</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><tr><td>1</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>部分宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>2</td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>3</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>4</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>5</td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>部分宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr><tr><td>6</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td></tr><tr><td>7</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td></tr><tr><td>8</td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td></tr><tr><td>9</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>部分宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td></tr><tr><td>10</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td></tr><tr><td>11</td><td>贾明</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>部分宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>12</td><td>张三</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>13</td><td>王芳</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>14</td><td>贾明</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>15</td><td>张三</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>部分宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr><tr><td>16</td><td>王芳</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td></tr><tr><td>17</td><td>贾明</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td></tr><tr><td>18</td><td>张三</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td></tr><tr><td>19</td><td>王芳</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>部分宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td></tr><tr><td>20</td><td>贾明</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td></tr><tr><td>21</td><td>贾明</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>部分宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>22</td><td>张三</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>23</td><td>王芳</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>24</td><td>贾明</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>25</td><td>张三</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>部分宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr><tr><td>26</td><td>王芳</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td></tr><tr><td>27</td><td>贾明</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td></tr><tr><td>28</td><td>张三</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><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>审批通过</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td></tr><tr><td>29</td><td>王芳</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM5.67 4.95L8 7.29l2.33-2.34.7.7L8.7 8l2.34 2.35-.71.7L8 8.71l-2.33 2.34-.7-.7L7.3 8 4.96 5.65l.71-.7z\\" fill-opacity=\\"0.9\\"></path></svg>审批失败</span></span></td><td>部分宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td></tr><tr><td>30</td><td>贾明</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/table/_example/virtual-scroll.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-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">滚动到指定元素</span></button></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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\\"><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\"><div class=\\"t-table__content\\" style=\\"height:300px;\\"><div class=\\"t-table__virtual-scroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><col style=\\"width:80px;\\"><col style=\\"width:100px;\\"><col style=\\"width:150px;\\"><col style=\\"width:140px;\\"><col style=\\"min-width:80px;\\"><col style=\\"min-width:80px;\\"></colgroup><thead class=\\"t-table__header t-table__header--fixed\\"><tr><th data-colkey=\\"serial-number\\" class=\\"t-table__th-serial-number\\"><div class=\\"t-table__th-cell-inner\\">序号</div></th><th data-colkey=\\"applicant\\" class=\\"t-table__th-applicant\\"><div class=\\"t-table__th-cell-inner\\">申请人</div></th><th data-colkey=\\"status\\" class=\\"t-table__th-status\\"><div class=\\"t-table__th-cell-inner\\">申请状态</div></th><th data-colkey=\\"matters\\" class=\\"t-table__th-matters\\"><div class=\\"t-table__th-cell-inner\\">申请事项</div></th><th data-colkey=\\"detail.email\\" class=\\"t-table__th-detail.email\\"><div class=\\"t-table__th-cell-inner\\">邮箱地址</div></th><th data-colkey=\\"createTime\\" class=\\"t-table__th-createTime\\"><div class=\\"t-table__th-cell-inner\\">申请时间</div></th></tr></thead><tbody class=\\"t-table__body\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><tr><td>1</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>部分宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>2</td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>3</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>4</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>5</td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>部分宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr><tr><td>6</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td></tr><tr><td>7</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td></tr><tr><td>8</td><td>张三</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td></tr><tr><td>9</td><td>王芳</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>部分宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td></tr><tr><td>10</td><td>贾明</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td></tr><tr><td>11</td><td>贾明</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>部分宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>12</td><td>张三</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>13</td><td>王芳</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>14</td><td>贾明</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>15</td><td>张三</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>部分宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr><tr><td>16</td><td>王芳</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td></tr><tr><td>17</td><td>贾明</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td></tr><tr><td>18</td><td>张三</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td></tr><tr><td>19</td><td>王芳</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>部分宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td></tr><tr><td>20</td><td>贾明</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td></tr><tr><td>21</td><td>贾明</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>部分宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>22</td><td>张三</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>23</td><td>王芳</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>24</td><td>贾明</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>25</td><td>张三</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>部分宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr><tr><td>26</td><td>王芳</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td></tr><tr><td>27</td><td>贾明</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td></tr><tr><td>28</td><td>张三</td><td><span class=\\"t-tag t-tag--success t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></path></svg>审批通过</span></span></td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td></tr><tr><td>29</td><td>王芳</td><td><span class=\\"t-tag t-tag--danger t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM8.82 7.4L12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18 10.6 12 7.4 8.82 8.82 7.4z\\"></path></svg>审批失败</span></span></td><td>部分宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td></tr><tr><td>30</td><td>贾明</td><td><span class=\\"t-tag t-tag--warning t-tag--light-outline t-tag--round\\"><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-error-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 1a11 11 0 110 22 11 11 0 010-22zm-1 13h2V6.5h-2V14zm2 1.5h-2v2h2v-2z\\"></path></svg>审批过期</span></span></td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td></tr></tbody><!----></table></div><div class=\\"t-table__resize-line\\" style=\\"display:none;height:10px;left:10px;bottom:0;\\"></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tabs/_example/ban.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:36px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'normal'\\" value=\\"normal\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">常规型</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'card'\\" value=\\"card\\" 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-space-item\\"><div class=\\"t-tabs\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__nav-container t-is-top\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"><div class=\\"t-tabs__bar t-is-top\\"></div></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><p style=\\"padding:25px;\\">选项卡1的内容</p></div><!----><!----></div></div></div></div>"`;
 
@@ -1041,11 +1043,11 @@ exports[`ssr snapshot test > renders ./src/tabs/_example/base.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/tabs/_example/combination.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'normal'\\" value=\\"normal\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">常规型</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'card'\\" value=\\"card\\" 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-space-item\\"><div class=\\"t-tabs\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__nav-container t-is-top\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"><div class=\\"t-tabs__bar t-is-top\\"></div></div></div></div></div></div><div class=\\"t-tabs__content\\"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><div class=\\"t-tab-panel\\"><p style=\\"padding:25px;\\">选项卡19</p></div><!----></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tabs/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-tabs\\" style=\\"width:100%;\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px;\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div><div class=\\"t-tabs__add-btn t-tabs__btn t-size-m\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></div></div><div class=\\"t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><p style=\\"padding:25px;\\">原有选项卡内容</p></div><!----></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tabs/_example/custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-tabs\\" style=\\"width:100%;\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px;\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div><div class=\\"t-tabs__add-btn t-tabs__btn t-size-m\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></div></div><div class=\\"t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><p style=\\"padding:25px;\\">原有选项卡内容</p></div><!----></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tabs/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'normal'\\" value=\\"normal\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">常规型</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'card'\\" value=\\"card\\" 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-space-item\\"><div class=\\"t-tabs\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__nav-container t-is-top\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"><div class=\\"t-tabs__bar t-is-top\\"></div></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><p style=\\"padding:25px;\\">首页的内容</p></div><!----><!----></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tabs/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-tabs\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px;\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div><div class=\\"t-tabs__add-btn t-tabs__btn t-size-m\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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></div></div><div class=\\"t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><p style=\\"padding:25px;\\">原有选项卡内容</p></div><!----></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tabs/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-tabs\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\" style=\\"min-height:48px;\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div><div class=\\"t-tabs__add-btn t-tabs__btn t-size-m\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></div></div><div class=\\"t-tabs__nav-container t-tabs__nav--card t-is-top t-is-addable\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><p style=\\"padding:25px;\\">原有选项卡内容</p></div><!----></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tabs/_example/position.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'top'\\" value=\\"top\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">top</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'right'\\" value=\\"right\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">right</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'bottom'\\" value=\\"bottom\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">bottom</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'left'\\" value=\\"left\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">left</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tabs\\"><div class=\\"t-tabs__header t-is-top\\"><div class=\\"t-tabs__nav\\"><div class=\\"t-tabs__operations t-tabs__operations--left\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__operations t-tabs__operations--right\\"><div name=\\"fade\\" mode=\\"out-in\\" appear=\\"true\\"></div></div><div class=\\"t-tabs__nav-container t-is-top\\"><div class=\\"t-tabs__nav-scroll\\"><div class=\\"t-tabs__nav-wrap t-is-smooth\\" style=\\"transform:translate(0px, 0);\\"><div class=\\"t-tabs__bar t-is-top\\"></div></div></div></div></div></div><div class=\\"t-tabs__content\\"><div class=\\"t-tab-panel\\"><p style=\\"padding:25px;\\">选项卡1</p></div><!----><!----></div></div></div></div>"`;
 
@@ -1055,11 +1057,11 @@ exports[`ssr snapshot test > renders ./src/tabs/_example/theme.vue correctly 1`]
 
 exports[`ssr snapshot test > renders ./src/tag/_example/base.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\\"><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>标签一</span></span></div><div class=\\"t-space-item\\"><a href=\\"https://www.tencent.com/zh-cn\\" target=\\"_blank\\"><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>超链接</span></span></a></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--dark\\"><span>标签一</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--dark\\"><span>标签二</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--dark\\"><span>标签三</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--dark\\"><span>标签四</span></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--light\\"><span>标签一</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--light\\"><span>标签二</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--light\\"><span>标签三</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--light\\"><span>标签四</span></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--outline\\"><span>标签一</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--outline\\"><span>标签二</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--outline\\"><span>标签三</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--outline\\"><span>标签四</span></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--light-outline\\"><span>标签一</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--light-outline\\"><span>标签二</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--light-outline\\"><span>标签三</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--light-outline\\"><span>标签四</span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tag/_example/delete.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:30px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--dark t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--close\\" data-v-48c2675e><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></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--light t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--light t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--light t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--light t-tag--close\\" data-v-48c2675e><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></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--outline t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--outline t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--outline t-tag--close\\" data-v-48c2675e><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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--outline t-tag--close\\" data-v-48c2675e><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></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\" data-v-48c2675e><span class=\\"t-tag--text\\" style=\\"max-width:100px;\\"> 可删除标签可删除标签 </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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\" data-v-48c2675e><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-discount\\" data-v-48c2675e><path fill=\\"currentColor\\" d=\\"M7.84 5.01A2 2 0 105 7.84 2 2 0 007.84 5zm-.7.7a1 1 0 11-1.42 1.42 1 1 0 011.41-1.41z\\" fill-opacity=\\"0.9\\" data-v-48c2675e></path><path fill=\\"currentColor\\" d=\\"M2 7.95V2h5.95a1 1 0 01.7.3l6.14 6.13a1 1 0 010 1.41L9.84 14.8a1 1 0 01-1.41 0L2.29 8.66A1 1 0 012 7.95zM7.95 3H3v4.95l6.13 6.13 4.95-4.95L7.95 3z\\" fill-opacity=\\"0.9\\" data-v-48c2675e></path></svg><span class=\\"t-tag--text\\" style=\\"max-width:100px;\\"> 可删除标签可删除标签 </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><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-is-disabled t-tag--disabled\\" data-v-48c2675e><span> 可删除标签 </span></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"tag-block editable\\" data-v-48c2675e><span class=\\"t-tag t-tag--default t-tag--dark\\" data-v-48c2675e><span><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\" data-v-48c2675e><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\\" data-v-48c2675e></path></svg> 添加标签 </span></span></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tag/_example/delete.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:30px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--close\\" data-v-48c2675e><span>标签一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--dark t-tag--close\\" data-v-48c2675e><span>标签二</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--close\\" data-v-48c2675e><span>标签三</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--close\\" data-v-48c2675e><span>标签四</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--light t-tag--close\\" data-v-48c2675e><span>标签一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--light t-tag--close\\" data-v-48c2675e><span>标签二</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--light t-tag--close\\" data-v-48c2675e><span>标签三</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--light t-tag--close\\" data-v-48c2675e><span>标签四</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--outline t-tag--close\\" data-v-48c2675e><span>标签一</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--outline t-tag--close\\" data-v-48c2675e><span>标签二</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--outline t-tag--close\\" data-v-48c2675e><span>标签三</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--outline t-tag--close\\" data-v-48c2675e><span>标签四</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-48c2675e><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\" data-v-48c2675e><span class=\\"t-tag--text\\" style=\\"max-width:100px;\\"> 可删除标签可删除标签 </span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\" data-v-48c2675e><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-discount\\" data-v-48c2675e><path fill=\\"currentColor\\" d=\\"M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z\\" data-v-48c2675e></path></svg><span class=\\"t-tag--text\\" style=\\"max-width:100px;\\"> 可删除标签可删除标签 </span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close t-is-disabled t-tag--disabled\\" data-v-48c2675e><span> 可删除标签 </span></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"tag-block editable\\" data-v-48c2675e><span class=\\"t-tag t-tag--default t-tag--dark\\" data-v-48c2675e><span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\" data-v-48c2675e><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\" data-v-48c2675e></path></svg> 添加标签 </span></span></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tag/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:30px;\\"><div class=\\"t-space-item\\"><span class=\\"check-tag t-tag t-tag--check t-tag--default t-size-m t-is-disabled t-tag--disabled\\">失效标签</span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>失效标签</span></span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tag/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-discount\\"><path fill=\\"currentColor\\" d=\\"M7.84 5.01A2 2 0 105 7.84 2 2 0 007.84 5zm-.7.7a1 1 0 11-1.42 1.42 1 1 0 011.41-1.41z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 7.95V2h5.95a1 1 0 01.7.3l6.14 6.13a1 1 0 010 1.41L9.84 14.8a1 1 0 01-1.41 0L2.29 8.66A1 1 0 012 7.95zM7.95 3H3v4.95l6.13 6.13 4.95-4.95L7.95 3z\\" fill-opacity=\\"0.9\\"></path></svg><span>默认标签</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-discount\\"><path fill=\\"currentColor\\" d=\\"M7.84 5.01A2 2 0 105 7.84 2 2 0 007.84 5zm-.7.7a1 1 0 11-1.42 1.42 1 1 0 011.41-1.41z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M2 7.95V2h5.95a1 1 0 01.7.3l6.14 6.13a1 1 0 010 1.41L9.84 14.8a1 1 0 01-1.41 0L2.29 8.66A1 1 0 012 7.95zM7.95 3H3v4.95l6.13 6.13 4.95-4.95L7.95 3z\\" fill-opacity=\\"0.9\\"></path></svg><span> Icon插槽 </span></span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tag/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-discount\\"><path fill=\\"currentColor\\" d=\\"M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z\\"></path></svg><span>默认标签</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--default t-tag--dark\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-discount\\"><path fill=\\"currentColor\\" d=\\"M11.5 1.19l10.5.8.81 10.51-10.93 10.93L.56 12.13 11.5 1.18zm.76 2.06l-8.87 8.87 8.49 8.49 8.87-8.87-.61-7.88-7.88-.6zm3.86 4.63a1 1 0 10-1.41 1.41 1 1 0 001.41-1.41zm-2.83-1.42a3 3 0 114.24 4.25 3 3 0 01-4.24-4.25z\\"></path></svg><span> Icon插槽 </span></span></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tag/_example/long-text.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><span title=\\"默认超八个字超长文本标签超长省略文本标签\\" class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis\\"><span class=\\"t-tag--text\\" style=\\"max-width:150px;\\">默认超八个字超长文本标签超长省略文本标签</span></span></div>"`;
 
@@ -1073,25 +1075,25 @@ exports[`ssr snapshot test > renders ./src/tag/_example/size.vue correctly 1`] =
 
 exports[`ssr snapshot test > renders ./src/tag/_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\\"> 深色 </div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--dark\\"><span>标签一</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--dark\\"><span>标签二</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--dark\\"><span>标签三</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--dark\\"><span>标签四</span></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"> 浅色 </div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--light\\"><span>标签一</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--light\\"><span>标签二</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--light\\"><span>标签三</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--light\\"><span>标签四</span></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"> 朴素 </div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--primary t-tag--outline\\"><span>标签一</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--success t-tag--outline\\"><span>标签二</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--warning t-tag--outline\\"><span>标签三</span></span></div><div class=\\"t-space-item\\"><span class=\\"t-tag t-tag--danger t-tag--outline\\"><span>标签四</span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tag-input/_example/auto-width.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-input__wrap t-input--auto-width t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tag-input/_example/auto-width.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-input__wrap t-input--auto-width t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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>"`;
 
-exports[`ssr snapshot test > renders ./src/tag-input/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-tag--dark t-tag--close\\"><span>React1</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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Controlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><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-tag--dark t-tag--close\\"><span>React2</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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">UnControlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><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-tag--dark t-tag--close\\"><span>React3</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>"`;
+exports[`ssr snapshot test > renders ./src/tag-input/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React1</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Controlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React2</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">UnControlled: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React3</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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>"`;
 
-exports[`ssr snapshot test > renders ./src/tag-input/_example/collapsed.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-tag--dark\\"><span>更多(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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>More(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/tag-input/_example/collapsed.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>更多(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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>More(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/tag-input/_example/custom-tag.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-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentA</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-tag--dark t-tag--close\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentB</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-tag--dark\\"><span>+1</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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentA</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-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentB</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-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentC</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><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/tag-input/_example/custom-tag.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-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentA</span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentB</span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>+1</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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentA</span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentB</span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\" style=\\"margin-right:4px;\\"><span><img src=\\"https://tdesign.gtimg.com/site/avatar.jpg\\" style=\\"max-width:20px;max-height:20px;border-radius:50%;vertical-align:text-top;\\"><span>  StudentC</span></span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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>"`;
 
-exports[`ssr snapshot test > renders ./src/tag-input/_example/draggable.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-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default 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><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default 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><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>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></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Controlled: </div><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default 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><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default 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><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>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><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default 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></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/tag-input/_example/draggable.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-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></span><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></span><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Angular</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Controlled: </div><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></span><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></span><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Angular</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span></span><span draggable=\\"true\\" class=\\"t-tag-input__drag_wrapper\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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/tag-input/_example/excess.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Scroll: </div><span class=\\"t-tag t-tag--default 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-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></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">BreakLine: </div><span class=\\"t-tag t-tag--default 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-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></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/tag-input/_example/excess.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">Scroll: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-tag-input__prefix\\">BreakLine: </div><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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>"`;
 
 exports[`ssr snapshot test > renders ./src/tag-input/_example/max.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-is-empty\\" style=\\"width:80%;\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"最多只能输入 3 个标签\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\">最多只能输入 3 个标签</span></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tag-input/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-s t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-size-s 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-tag--dark t-size-s 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></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-l t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-size-l 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-tag--dark t-size-l 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></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/tag-input/_example/size.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;width:80%;\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-s t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-size-s t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-size-s t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-size-l t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-size-l t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-size-l t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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>"`;
 
-exports[`ssr snapshot test > renders ./src/tag-input/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>禁用状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-disabled t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>Vue</span></span><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>React</span></span><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>Miniprogram</span></span></div><input disabled=\\"disabled\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" title=\\"\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>只读状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>Vue</span></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>React</span></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>Miniprogram</span></span></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div><div class=\\"t-input__tips t-input__tips--default\\">这是普通文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>成功状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-success t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>告警状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-warning t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>错误状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-error t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default 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-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-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></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tag-input/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>禁用状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-disabled t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>Vue</span></span><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>React</span></span><span class=\\"t-tag t-tag--default t-tag--dark t-is-disabled t-tag--disabled\\"><span>Miniprogram</span></span></div><input disabled=\\"disabled\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" title=\\"\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>只读状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>Vue</span></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>React</span></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>Miniprogram</span></span></div><input readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"on\\" value=\\"\\" class=\\"t-input__inner\\"><span class=\\"t-input__input-pre\\"></span></div><div class=\\"t-input__tips t-input__tips--default\\">这是普通文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>成功状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-success t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>告警状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-warning t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tdesign-demo__tag-input\\"><label>错误状态：</label><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-is-error t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tag-input/_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-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--primary 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--primary 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--primary 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></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--success 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--success 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--success 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></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--warning 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--warning 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--warning 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></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--danger 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--danger 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--danger 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></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tag-input/_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-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--primary t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--success t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--success t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--warning t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 class=\\"t-space-item\\"><div class=\\"t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag\\"><div class=\\"t-input t-input--prefix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--close\\"><span>Vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--close\\"><span>React</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--danger t-tag--dark t-tag--close\\"><span>Miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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>"`;
 
 exports[`ssr snapshot test > renders ./src/textarea/_example/base.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-textarea\\"><textarea placeholder=\\"请输入描述文案\\" name=\\"description\\" unselectable=\\"off\\" class=\\"t-textarea__inner\\"></textarea></div></div><div class=\\"t-space-item\\"><div class=\\"t-textarea\\"><textarea placeholder=\\"请输入文案，高度可自适应；autosize=true\\" name=\\"description\\" unselectable=\\"off\\" class=\\"t-textarea__inner\\"></textarea></div></div><div class=\\"t-space-item\\"><div class=\\"t-textarea\\"><textarea placeholder=\\"请输入文案，高度可自适应，最小3行，最大5行；autosize={minRows: 3, maxRows: 5}\\" name=\\"description\\" unselectable=\\"off\\" class=\\"t-textarea__inner t-resize-none\\"></textarea></div></div></div>"`;
 
@@ -1101,39 +1103,39 @@ exports[`ssr snapshot test > renders ./src/textarea/_example/maxlength.vue corre
 
 exports[`ssr snapshot test > renders ./src/textarea/_example/type.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-textarea t-is-disabled\\"><textarea disabled=\\"disabled\\" unselectable=\\"off\\" class=\\"t-textarea__inner t-is-disabled\\">禁用状态</textarea></div></div><div class=\\"t-space-item\\"><div class=\\"t-textarea t-is-readonly\\"><textarea readonly=\\"readonly\\" unselectable=\\"on\\" class=\\"t-textarea__inner\\">只读状态</textarea></div></div><div class=\\"t-space-item\\"><div class=\\"t-textarea\\"><textarea unselectable=\\"off\\" class=\\"t-textarea__inner\\">普通状态</textarea><div class=\\"t-textarea__info_wrapper\\"><div class=\\"t-textarea__tips t-textarea__tips--normal\\">这是普通文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-textarea\\"><textarea unselectable=\\"off\\" class=\\"t-textarea__inner t-is-success\\">成功状态</textarea><div class=\\"t-textarea__info_wrapper\\"><div class=\\"t-textarea__tips t-textarea__tips--success\\">校验通过文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-textarea\\"><textarea unselectable=\\"off\\" class=\\"t-textarea__inner t-is-warning\\">警告状态</textarea><div class=\\"t-textarea__info_wrapper\\"><div class=\\"t-textarea__tips t-textarea__tips--warning\\">校验不通过文本提示</div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-textarea\\"><textarea unselectable=\\"off\\" class=\\"t-textarea__inner t-is-error\\">错误状态</textarea><div class=\\"t-textarea__info_wrapper\\"><div class=\\"t-textarea__tips t-textarea__tips--error\\">校验存在严重问题文本提示</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/base.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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"20:22\\" 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></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"21:22\\" 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></div></div>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/base.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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"20:22\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"21:22\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/clearable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:12:10\\" 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></div><div class=\\"t-space-item\\"><h3>禁止清空按钮</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:12:10\\" 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></div></div>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/clearable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:12:10\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><h3>禁止清空按钮</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:12:10\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"on\\" title=\\"11:12:10\\" value=\\"11:12:10\\" 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></div><div class=\\"t-space-item\\"><h3>禁用指定时间</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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></div><div class=\\"t-space-item\\"><h3>禁用指定时间 同时展示禁用的时间选项</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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></div></div>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-disabled t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input disabled=\\"disabled\\" readonly=\\"readonly\\" autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"on\\" title=\\"11:12:10\\" value=\\"11:12:10\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><h3>禁用指定时间</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><h3>禁用指定时间 同时展示禁用的时间选项</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/format.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"00:00:00 am\\" 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>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/format.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"00:00:00 am\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/hide-clear-button.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:12:10\\" 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></div><div class=\\"t-space-item\\"><h3>禁止清空按钮</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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></div></div>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/hide-clear-button.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:12:10\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><h3>禁止清空按钮</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/hm.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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></div><div class=\\"t-space-item\\"><h3>毫秒选择</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:59:59:000\\" 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></div></div>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/hm.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><h3>毫秒选择</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:59:59:000\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/hms.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:20:30\\" 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>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/hms.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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:20:30\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/keyboard.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"20:22:33\\" 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></div><div class=\\"t-space-item\\"><h3>禁止输入</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"22:22:22\\" 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></div></div>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/keyboard.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" 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-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input autocomplete=\\"\\" placeholder=\\"\\" type=\\"text\\" unselectable=\\"off\\" value=\\"20:22:33\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div><div class=\\"t-space-item\\"><h3>禁止输入</h3></div><div class=\\"t-space-item\\"><div class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"22:22:22\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/time-picker/_example/panel.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-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'single'\\" value=\\"single\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单独使用面板</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'combine'\\" value=\\"combine\\" 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\\"><div class=\\"t-time-picker__panel\\"><div class=\\"t-time-picker__panel-section-body\\"><div class=\\"t-time-picker__panel-body\\"><div class=\\"t-time-picker__panel-body-active-mask\\"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/range.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"demos t-time-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"选择时间\\" type=\\"text\\" unselectable=\\"off\\" value=\\"00:00:00\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\">-</div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"选择时间\\" type=\\"text\\" unselectable=\\"off\\" value=\\"23:59:59\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-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></div></div>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/range.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><div class=\\"demos t-time-range-picker\\"><div class=\\"t-range-input-popup\\"><div class=\\"t-range-input\\"><div class=\\"t-range-input__inner\\"><div class=\\"t-input__wrap t-range-input__inner-left\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"选择时间\\" type=\\"text\\" unselectable=\\"off\\" value=\\"00:00:00\\" class=\\"t-input__inner\\"></div></div><div class=\\"t-range-input__inner-separator\\">-</div><div class=\\"t-input__wrap t-range-input__inner-right\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"选择时间\\" type=\\"text\\" unselectable=\\"off\\" value=\\"23:59:59\\" class=\\"t-input__inner\\"></div></div><span class=\\"t-range-input__suffix t-range-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/show-steps.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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-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>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/show-steps.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/step.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"09:18:17\\" 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>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/step.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"09:18:17\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/twelve-hour.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"10:20:30 am\\" 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>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/twelve-hour.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"10:20:30 am\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/time-picker/_example/twelve-hour-meridian.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"PM 10:20:30\\" 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>"`;
+exports[`ssr snapshot test > renders ./src/time-picker/_example/twelve-hour-meridian.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-time-picker\\"><div class=\\"t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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=\\"PM 10:20:30\\" class=\\"t-input__inner\\"><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-time\\"><path fill=\\"currentColor\\" d=\\"M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-8 4.41l-4-4V5.5h2v6.09L16.41 15 15 16.41z\\"></path></svg></span></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/timeline/_example/base.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-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label>时间轴方向</label></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'vertical'\\" value=\\"vertical\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">垂直时间轴</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'horizontal'\\" value=\\"horizontal\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">水平时间轴</span></label></div></div></div></div><div class=\\"t-space-item\\"><ul class=\\"t-timeline t-timeline-left t-timeline-vertical t-timeline-label--same t-timeline-label\\"><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件一<div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-01-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件二<div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-02-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件三<div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-03-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件四<div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-04-01</div></div></li></ul></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/timeline/_example/customContent.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-63c3f6ae><ul class=\\"t-timeline t-timeline-left t-timeline-vertical t-timeline-label--same t-timeline-label\\" data-v-63c3f6ae><li class=\\"t-timeline-item t-timeline-item-left \\" data-v-63c3f6ae><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\"><div data-v-63c3f6ae>事件一</div><div class=\\"timeline-custom-content\\" data-v-63c3f6ae>事件一自定义内容</div><div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-01-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\" data-v-63c3f6ae><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\"><div data-v-63c3f6ae>事件二</div><div class=\\"timeline-custom-content\\" data-v-63c3f6ae>事件二自定义内容</div><div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-02-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\" data-v-63c3f6ae><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\"><div data-v-63c3f6ae>事件三</div><div class=\\"timeline-custom-content\\" data-v-63c3f6ae>事件三自定义内容</div><div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-03-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\" data-v-63c3f6ae><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\"><div data-v-63c3f6ae>事件四</div><div class=\\"timeline-custom-content\\" data-v-63c3f6ae>事件四自定义内容</div><div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-04-01</div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > renders ./src/timeline/_example/customDot.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-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label>时间轴样式</label></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'default'\\" value=\\"default\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">默认样式</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'dot'\\" value=\\"dot\\" 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-space-item\\"><ul class=\\"t-timeline t-timeline-left t-timeline-vertical t-timeline-label--same t-timeline-label\\"><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-tips t-size-m t-timeline-item__dot-content\\" style=\\"color:var(--td-brand-color);\\"><path fill=\\"currentColor\\" d=\\"M8 1c-1.38 0-2.63.55-3.53 1.47a4.96 4.96 0 000 7.06c.3.32.65.58 1.03.8V12a1 1 0 001 1h3a1 1 0 001-1v-1.67A4.96 4.96 0 0013 6a5 5 0 00-5-5zM5.18 3.17a4 4 0 115.65 5.65v.01c-.3.3-.66.55-1.05.75l-.28.14V12h-3V9.72l-.28-.14A3.96 3.96 0 014 6c0-1.1.44-2.1 1.17-2.82zM5.5 14v1h5v-1h-5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件一 <div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-01-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user t-size-m t-timeline-item__dot-content\\" style=\\"color:var(--td-brand-color);\\"><path fill=\\"currentColor\\" d=\\"M11.5 5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1 0a2.5 2.5 0 10-5 0 2.5 2.5 0 005 0zM13.96 10.85c.34.16.54.5.54.87V14a.5.5 0 01-.5.5H2a.5.5 0 01-.5-.5v-2.28c0-.37.2-.7.54-.87a13.79 13.79 0 0111.92 0zM8 10.5c-1.97 0-3.83.45-5.5 1.24v1.76h11v-1.76A12.78 12.78 0 008 10.5z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件二 <div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-02-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart t-size-m t-timeline-item__dot-content\\" style=\\"color:var(--td-brand-color);\\"><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></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件三 <div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-03-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-home t-size-m t-timeline-item__dot-content\\" style=\\"color:var(--td-brand-color);\\"><path fill=\\"currentColor\\" d=\\"M6 11v1h4v-1H6z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M7.65 1.65c.2-.2.5-.2.7 0l6.5 6.5-.7.7L13 7.71v5.79a1 1 0 01-1 1H4a1 1 0 01-1-1V7.7L1.85 8.86l-.7-.7 6.5-6.5zM8 2.7l-4 4v6.79h8V6.7l-4-4z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件四 <div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-04-01</div></div></li></ul></div></div>"`;
+exports[`ssr snapshot test > renders ./src/timeline/_example/customDot.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-align-center t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label>时间轴样式</label></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'default'\\" value=\\"default\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">默认样式</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'dot'\\" value=\\"dot\\" 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-space-item\\"><ul class=\\"t-timeline t-timeline-left t-timeline-vertical t-timeline-label--same t-timeline-label\\"><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-tips t-size-m t-timeline-item__dot-content\\" style=\\"color:var(--td-brand-color);\\"><path fill=\\"currentColor\\" d=\\"M23 2v17h-7.59L12 22.41 8.59 19H1V2h22zm-2 2H3v13h6.41L12 19.59 14.59 17H21V4z\\"></path></svg></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件一 <div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-01-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-user t-size-m t-timeline-item__dot-content\\" style=\\"color:var(--td-brand-color);\\"><path fill=\\"currentColor\\" d=\\"M12 4a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM6.5 7.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM3 19a5 5 0 015-5h8a5 5 0 015 5v3H3v-3zm5-3a3 3 0 00-3 3v1h14v-1a3 3 0 00-3-3H8z\\"></path></svg></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件二 <div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-02-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-heart t-size-m t-timeline-item__dot-content\\" style=\\"color:var(--td-brand-color);\\"><path fill=\\"currentColor\\" d=\\"M12 3.82a6.23 6.23 0 018.51 9.09l-5.22 5.22L12 21.42l-7.28-7.28L3.5 12.9A6.23 6.23 0 0112 3.82zM15.3 15.3l3.8-3.8a4.23 4.23 0 10-5.97-5.99L12 6.63 10.88 5.5a4.23 4.23 0 10-5.98 5.98l1.23 1.23L12 18.6l3.28-3.29z\\"></path></svg></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件三 <div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-03-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot t-timeline-item__dot--custom t-timeline-item__dot--primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-home t-size-m t-timeline-item__dot-content\\" style=\\"color:var(--td-brand-color);\\"><path fill=\\"currentColor\\" d=\\"M12 1.2l10 8.33V22H2V9.53L12 1.2zM10 20h4v-5h-4v5zm6 0h4v-9.53L12 3.8l-8 6.67V20h4v-7h8v7z\\"></path></svg></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件四 <div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-04-01</div></div></li></ul></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/timeline/_example/layout.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div 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\\"><h4>时间轴方向</h4></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'vertical'\\" value=\\"vertical\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">垂直时间轴</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'horizontal'\\" value=\\"horizontal\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">水平时间轴</span></label></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h4>对齐方式</h4></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'left'\\" value=\\"left\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">左对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'alternate'\\" value=\\"alternate\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">交错对齐</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'right'\\" value=\\"right\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">右对齐</span></label></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><h4>label对齐方式</h4></div><div class=\\"t-space-item\\"><div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'same'\\" value=\\"same\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">同侧</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'alternate'\\" value=\\"alternate\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">交错</span></label></div></div></div></div></div><ul class=\\"t-timeline t-timeline-left t-timeline-vertical t-timeline-label--same t-timeline-label\\"><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件一<div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-01-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件二<div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-02-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件三<div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-03-01</div></div></li><li class=\\"t-timeline-item t-timeline-item-left \\"><div class=\\"t-timeline-item__wrapper\\"><div class=\\"t-timeline-item__dot  t-timeline-item__dot--primary\\"></div><div class=\\"t-timeline-item__tail t-timeline-item__tail--theme-default t-timeline-item__tail--status-primary\\"></div></div><div class=\\"t-timeline-item__content\\">事件四<div class=\\"t-timeline-item__label t-timeline-item__label--same\\">2022-04-01</div></div></li></ul></div>"`;
 
@@ -1157,79 +1159,79 @@ 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-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\\"><input autocomplete=\\"\\" placeholder=\\"获得焦点时触发\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-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 tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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=\\"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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled\\"><span class=\\"t-button__text\\"> 加入 </span></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled\\"><span class=\\"t-button__text\\"> 加入 </span></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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\\"><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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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-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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></path></svg></span></div></div></div><div class=\\"t-transfer__list-content narrow-scrollbar\\"><div role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-search\\"><path fill=\\"currentColor\\" d=\\"M15.1 5.9a6.5 6.5 0 10-9.2 9.2 6.5 6.5 0 009.2-9.2zM4.49 4.5a8.5 8.5 0 0112.69 11.27l5.34 5.35-1.41 1.41-5.35-5.34A8.5 8.5 0 014.5 4.49z\\"></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-draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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>"`;
+exports[`ssr snapshot test > renders ./src/transfer/_example/target-draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\"><div class=\\"t-transfer\\"><div class=\\"t-transfer__list t-transfer__list-source\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox t-is-indeterminate\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"18\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容19</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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>"`;
 
-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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容2</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"3\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容4</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"5\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容6</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"7\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容8</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"9\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容10</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"11\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容12</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"13\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容14</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"15\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容16</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"17\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容18</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></path></svg></button></div><div class=\\"t-transfer__list t-transfer__list-target\\"><div class=\\"t-transfer__list-header\\"><div><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 role=\\"group\\" aria-label=\\"checkbox-group\\" class=\\"t-checkbox-group\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"0\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容1</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"2\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容3</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"4\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容5</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"6\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容7</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"8\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容9</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"10\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容11</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"12\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容13</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"14\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容15</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" value=\\"16\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><span>内容17</span></span></label><label tabindex=\\"0\\" class=\\"t-checkbox t-transfer__list-item\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s 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-button--variant-outline t-button--theme-default t-size-s 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\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-right\\"><path fill=\\"currentColor\\" d=\\"M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z\\"></path></svg></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s t-is-disabled t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\"><path fill=\\"currentColor\\" d=\\"M15.91 17.5l-5.5-5.5 5.5-5.5-1.41-1.41L7.59 12l6.91 6.91 1.41-1.41z\\"></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\\" tabindex=\\"-1\\" 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:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><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\\"><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__\\"><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\\"><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__\\"><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\\"><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\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1.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><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t1.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><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t2\\" 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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t2.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><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t2.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><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></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:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><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\\"><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__\\"><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\\"><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__\\"><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\\"><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\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t1.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><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t1.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><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t2\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t2.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><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t2.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><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t615\\" 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 title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t618\\" 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 title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t621\\" 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 title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t624\\" 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 title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t615\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t618\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t621\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div><div data-value=\\"t624\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"第一段\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">第一段</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/checkable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><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-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><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-switch t-size-m\\"><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__\\"><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-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'onlyLeaf'\\" value=\\"onlyLeaf\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">onlyLeaf</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'parentFirst'\\" value=\\"parentFirst\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">parentFirst</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'all'\\" value=\\"all\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">all</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">反选</span></button></div></div></div></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-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 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-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.1.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.1.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.1</span></label></div><div data-value=\\"1.1.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.2</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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" 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=\\"1.2.2\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"1.2.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.1</span></label></div><div data-value=\\"1.2.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" 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></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/checkable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><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-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><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-switch t-size-m\\"><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__\\"><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-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'onlyLeaf'\\" value=\\"onlyLeaf\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">onlyLeaf</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'parentFirst'\\" value=\\"parentFirst\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">parentFirst</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" name=\\"value-mode\\" tabindex=\\"-1\\" data-value=\\"'all'\\" value=\\"all\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">all</span></label><div class=\\"t-radio-group__bg-block\\" style=\\"width:0px;left:0px;\\"></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">反选</span></button></div></div></div></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-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 t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-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.1.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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.1.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.1</span></label></div><div data-value=\\"1.1.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2.2</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1.2\\" tabindex=\\"-1\\" 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=\\"1.2.2\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"1.2.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.1</span></label></div><div data-value=\\"1.2.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2.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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" 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></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/controlled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">checked:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1.1.1.1, 1.1.1.2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">expanded:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1, 1.1, 1.1.1, 2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">actived:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1\\" tabindex=\\"-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 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1.1\\" tabindex=\\"-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.1.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-active 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 title=\\"2 这个节点不允许展开, 不允许激活\\" class=\\"t-tree__label t-is-active\\"><span style=\\"position:relative;\\">2 这个节点不允许展开, 不允许激活</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1 这个节点不允许选中\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1 这个节点不允许选中</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/controlled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">checked:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1.1.1.1, 1.1.1.2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">expanded:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1, 1.1, 1.1.1, 2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">actived:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"2\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1\\" tabindex=\\"-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 t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1.1\\" tabindex=\\"-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.1.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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-active 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2 这个节点不允许展开, 不允许激活\\" class=\\"t-tree__label t-is-active\\"><span style=\\"position:relative;\\">2 这个节点不允许展开, 不允许激活</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1 这个节点不允许选中\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1 这个节点不允许选中</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-data.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">数据切换</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">切换数据</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">默认展开全部</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">节点可高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">展开动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-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 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-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.1.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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.2\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-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.2\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" 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></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/debug-data.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">数据切换</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">切换数据</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">默认展开全部</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">节点可高亮</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">展开动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-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 t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1\\" tabindex=\\"-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.1.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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.2\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.1\\" tabindex=\\"-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.2\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.1\\" tabindex=\\"-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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2.2\\" tabindex=\\"-1\\" 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></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">允许折叠</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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 t-tree--block-node\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/debug-filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">允许折叠</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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 t-tree--block-node\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-performance.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">展开动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" 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><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" 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><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/debug-performance.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">展开动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/debug-state.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入一个根节点</span></button></div></div></div></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"node1\\" 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\\"><svg class=\\"t-icon t-icon-file\\"><use href=\\"#t-icon-file\\"></use></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">node1: 1639267200000</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">检查节点信息</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更时间</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更图标</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"node2\\" 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\\"><svg class=\\"t-icon t-icon-file\\"><use href=\\"#t-icon-file\\"></use></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">node2: 1639267200000</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">检查节点信息</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更时间</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">变更图标</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/debug-vscroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - virtual 模式</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可操作</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll\\" style=\\"height:300px;\\"><div class=\\"t-tree__vscroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t4\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t4</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t5\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t5</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t6\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t6</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t7\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t7</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t8\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t8\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t8</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t9\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t9</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t10\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t10</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t11</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t12\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t12</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t13\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t13</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t15\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t15</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t16\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t16</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t17\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t17</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t18\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t18</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t19\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t19</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t20\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t20\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t20</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t21\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t21</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t22\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t22</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t23\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t23</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t24\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t24</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t25\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t25</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t26\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t26\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t26</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t28\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t28\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t28</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t29\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t29</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t30\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t30</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/debug-vscroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - virtual 模式</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可操作</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll\\" style=\\"height:300px;\\"><div class=\\"t-tree__vscroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t4\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t4</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t5\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t5</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t6\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t6</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t7\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t7</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t8\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t8\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t8</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t9\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t9</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t10\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t10</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t11</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t12\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t12</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t13\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t13</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t15\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t15</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t16\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t16</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t17\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t17</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t18\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t18</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t19\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t19</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t20\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t20\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t20</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t21\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t21</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t22\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t22</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t23\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t23</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t24\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t24</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t25\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t25</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t26\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t26\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t26</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t28\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t28\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t28</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t29\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t29</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t30\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t30</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">禁用整个 tree</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">是否禁用整个 tree</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:200;\\"><label for=\\"\\">是否只禁用 checkbox</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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-is-disabled 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11277\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled 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 disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11277\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t11278\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled 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 disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11278\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"t11279\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11279\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"t11280\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11280\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"t11281\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled 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 disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11281\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"t11282\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11282\\" tabindex=\\"-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=\\"t11283\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11283\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t11284\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled 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 disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11284\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t11285\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11285\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"t11286\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11286\\" tabindex=\\"-1\\" 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><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">禁用指定节点</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:200;\\"><label for=\\"\\">禁用指定节点 checkbox</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11287\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11287\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t11288\\" 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 ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11288\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"t11289\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11289\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"t11290\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11290\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"t11291\\" 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 ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11291\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"t11292\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11292\\" tabindex=\\"-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=\\"t11293\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11293\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t11294\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11294\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t11295\\" 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 ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11295\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"t11296\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11296\\" tabindex=\\"-1\\" 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></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/disabled.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">禁用整个 tree</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">是否禁用整个 tree</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:200;\\"><label for=\\"\\">是否只禁用 checkbox</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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-is-disabled 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11277\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11277\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t11278\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11278\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"t11279\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11279\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"t11280\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11280\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"t11281\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11281\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"t11282\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11282\\" tabindex=\\"-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=\\"t11283\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:2;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11283\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t11284\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11284\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t11285\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11285\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"t11286\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-disabled t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label disabled=\\"disabled\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11286\\" tabindex=\\"-1\\" 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><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">禁用指定节点</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:200;\\"><label for=\\"\\">禁用指定节点 checkbox</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11287\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11287\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></div><div data-value=\\"t11288\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11288\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1</span></label></div><div data-value=\\"t11289\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11289\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"t11290\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11290\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"t11291\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11291\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"t11292\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11292\\" tabindex=\\"-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=\\"t11293\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11293\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2.2</span></label></div><div data-value=\\"t11294\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11294\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div><div data-value=\\"t11295\\" 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 ignore=\\"expand,active\\" class=\\"t-checkbox t-is-disabled t-tree__label\\"><input type=\\"checkbox\\" disabled=\\"disabled\\" name=\\"t11295\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2.1</span></label></div><div data-value=\\"t11296\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11296\\" tabindex=\\"-1\\" 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></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-05bdc3f1><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-05bdc3f1><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--draggable t-tree--transition\\" data-v-05bdc3f1><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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><span title=\\"1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1</span></span></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1.1</span></span></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1.2</span></span></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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><span title=\\"1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2</span></span></div><div data-value=\\"1.1.2.1\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2.1</span></span></div><div data-value=\\"1.1.2.2\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/draggable.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-05bdc3f1><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-05bdc3f1><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--draggable t-tree--transition\\" data-v-05bdc3f1><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"1.1\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"1.1.1\\" data-level=\\"2\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1</span></span></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1.1</span></span></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1.2</span></span></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2</span></span></div><div data-value=\\"1.1.2.1\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2.1</span></span></div><div data-value=\\"1.1.2.2\\" data-level=\\"3\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1.2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2.2</span></span></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"true\\" class=\\"t-tree__item t-tree__item--open t-tree__item--draggable t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/empty.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">默认为空状态</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\">暂无数据</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">设置 empty 属性为指定字符串</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\">😊 空数据（string）</div></div></div><div class=\\"t-space-item\\"><br></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\"><div>😊 空数据（ empty props ）</div></div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><div class=\\"t-tree__empty\\"><div>😊 空数据（slot）</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/expand-all.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-switch t-size-m\\"><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__\\"><div class=\\"t-form__label t-form__label--left\\" 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-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></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11329\\" 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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11330\\" 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><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t11331\\" 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\\"></span><span title=\\"1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1</span></span></div><div data-value=\\"t11332\\" 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\\"></span><span title=\\"1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2</span></span></div><div data-value=\\"t11333\\" 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><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t11334\\" 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\\"></span><span title=\\"1.2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.1</span></span></div><div data-value=\\"t11335\\" 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\\"></span><span title=\\"1.2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.2</span></span></div><div data-value=\\"t11336\\" 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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t11337\\" 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 title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t11338\\" 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 title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/expand-all.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-switch t-size-m\\"><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__\\"><div class=\\"t-form__label t-form__label--left\\" 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-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></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11329\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11330\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t11331\\" 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\\"></span><span title=\\"1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.1</span></span></div><div data-value=\\"t11332\\" 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\\"></span><span title=\\"1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1.2</span></span></div><div data-value=\\"t11333\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t11334\\" 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\\"></span><span title=\\"1.2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.1</span></span></div><div data-value=\\"t11335\\" 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\\"></span><span title=\\"1.2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2.2</span></span></div><div data-value=\\"t11336\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t11337\\" 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 title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t11338\\" 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 title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/expand-level.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11349\\" 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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11350\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item 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><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t11353\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item 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><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t11356\\" 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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t11357\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t11358\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/expand-level.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11349\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11350\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></div><div data-value=\\"t11353\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></div><div data-value=\\"t11356\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"t11357\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"t11358\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/expand-mutex.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:120px;\\"><label for=\\"\\">互斥展开</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:120px;\\"><label for=\\"\\">整个节点可点击</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11373\\" 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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11380\\" 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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/expand-mutex.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:120px;\\"><label for=\\"\\">互斥展开</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:120px;\\"><label for=\\"\\">整个节点可点击</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:120px;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11373\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11380\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-58473978><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-58473978><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-58473978>默认状态</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-58473978><p data-v-58473978> 过滤动作由 filter 属性的变更触发，所以不能只修改传递给 filter 属性内部的数据，应当在条件变化时变更 filter 属性。 </p><p data-v-58473978>清空过滤条件时，应设置 filter 属性为 null，来触发 tree 组件展示状态还原。</p><p data-v-58473978>allowFoldNodeOnFilter 属性默认为 false，此时过滤状态下展开的路径节点无法被收起。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-58473978><div class=\\"t-form__item t-form-item__\\" data-v-58473978><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\" data-v-58473978><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" data-v-58473978><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\" data-v-58473978><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:6px;\\" data-v-58473978><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-58473978>allowFoldNodeOnFilter=&quot;true&quot;</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-58473978><p data-v-58473978> allowFoldNodeOnFilter 属性设置为 true 时，过滤状态下展开的节点，允许点击收起，注意这会影响到 tree 组件当前的展开状态数据。 </p><p data-v-58473978>每次变更过滤条件时，会重设节点展开状态，将命中节点的路径节点展开。</p><p data-v-58473978>当清空过滤条件时，将会还原为设置过滤条件之前时的展开状态。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-58473978><div class=\\"t-form__item t-form-item__\\" data-v-58473978><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\" data-v-58473978><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" data-v-58473978><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\" data-v-58473978><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/filter.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-58473978><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-58473978><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-58473978>默认状态</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-58473978><p data-v-58473978> 过滤动作由 filter 属性的变更触发，所以不能只修改传递给 filter 属性内部的数据，应当在条件变化时变更 filter 属性。 </p><p data-v-58473978>清空过滤条件时，应设置 filter 属性为 null，来触发 tree 组件展示状态还原。</p><p data-v-58473978>allowFoldNodeOnFilter 属性默认为 false，此时过滤状态下展开的路径节点无法被收起。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-58473978><div class=\\"t-form__item t-form-item__\\" data-v-58473978><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\" data-v-58473978><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" data-v-58473978><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\" data-v-58473978><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:6px;\\" data-v-58473978><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-58473978>allowFoldNodeOnFilter=&quot;true&quot;</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-58473978><p data-v-58473978> allowFoldNodeOnFilter 属性设置为 true 时，过滤状态下展开的节点，允许点击收起，注意这会影响到 tree 组件当前的展开状态数据。 </p><p data-v-58473978>每次变更过滤条件时，会重设节点展开状态，将命中节点的路径节点展开。</p><p data-v-58473978>当清空过滤条件时，将会还原为设置过滤条件之前时的展开状态。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-58473978><div class=\\"t-form__item t-form-item__\\" data-v-58473978><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\" data-v-58473978><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\" data-v-58473978><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree--block-node\\" data-v-58473978><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/icon.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11463\\" 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\\"><svg class=\\"t-icon t-icon-folder\\"><use href=\\"#t-icon-folder\\"></use></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11464\\" 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\\"><svg class=\\"t-icon t-icon-folder\\"><use href=\\"#t-icon-folder\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11465\\" 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\\"><svg class=\\"t-icon t-icon-caret-right\\"><use href=\\"#t-icon-caret-right\\"></use></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></div><div data-value=\\"t11466\\" 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\\"><svg class=\\"t-icon t-icon-caret-right\\"><use href=\\"#t-icon-caret-right\\"></use></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/label.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11479\\" 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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11479, label: 1</strong></span></span></div><div data-value=\\"t11480\\" 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 title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11480, label: 1.1</strong></span></span></div><div data-value=\\"t11481\\" 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 title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11481, label: 1.2</strong></span></span></div><div data-value=\\"t11482\\" 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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11482, label: 2</strong></span></span></div><div data-value=\\"t11483\\" 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 title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11483, label: 2.1</strong></span></span></div><div data-value=\\"t11484\\" 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 title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11484, label: 2.2</strong></span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11485\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11485\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1, value: t11485</font></span></label></div><div data-value=\\"t11486\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11486\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1.1, value: t11486</font></span></label></div><div data-value=\\"t11487\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11487\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1.2, value: t11487</font></span></label></div><div data-value=\\"t11488\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11488\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2, value: t11488</font></span></label></div><div data-value=\\"t11489\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11489\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2.1, value: t11489</font></span></label></div><div data-value=\\"t11490\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11490\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2.2, value: t11490</font></span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/label.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">属性设置 jsx 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11479\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11479, label: 1</strong></span></span></div><div data-value=\\"t11480\\" 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 title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11480, label: 1.1</strong></span></span></div><div data-value=\\"t11481\\" 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 title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11481, label: 1.2</strong></span></span></div><div data-value=\\"t11482\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11482, label: 2</strong></span></span></div><div data-value=\\"t11483\\" 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 title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11483, label: 2.1</strong></span></span></div><div data-value=\\"t11484\\" 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 title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\"><strong>value: t11484, label: 2.2</strong></span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t11485\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11485\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1, value: t11485</font></span></label></div><div data-value=\\"t11486\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11486\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1.1, value: t11486</font></span></label></div><div data-value=\\"t11487\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11487\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 1.2, value: t11487</font></span></label></div><div data-value=\\"t11488\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11488\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2, value: t11488</font></span></label></div><div data-value=\\"t11489\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11489\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2.1, value: t11489</font></span></label></div><div data-value=\\"t11490\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11490\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"><font color=\\"blue\\">label: 2.2, value: t11490</font></span></label></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/lazy.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-de8eeb80><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-de8eeb80><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-de8eeb80>数据延迟加载</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-de8eeb80><p data-v-de8eeb80>默认为点击加载数据。</p><p data-v-de8eeb80> valueMode 默认为 'onlyLeaf'。选中父节点时，子节点由于未加载，无法更新和获取选中状态，导致无法更新父节点的状态。 </p><p data-v-de8eeb80>所以使用延迟加载时，推荐 valueMode 设置为 'all' 或者 'parentFirst'。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-de8eeb80><div class=\\"t-form__item t-form-item__\\" data-v-de8eeb80><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\" data-v-de8eeb80><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-de8eeb80><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">严格模式</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\" data-v-de8eeb80><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--checkable t-tree--transition\\" data-v-de8eeb80><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></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><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/lazy.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-de8eeb80><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-de8eeb80><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-de8eeb80>数据延迟加载</h3></div><div class=\\"t-space-item\\"><div class=\\"tips\\" data-v-de8eeb80><p data-v-de8eeb80>默认为点击加载数据。</p><p data-v-de8eeb80> valueMode 默认为 'onlyLeaf'。选中父节点时，子节点由于未加载，无法更新和获取选中状态，导致无法更新父节点的状态。 </p><p data-v-de8eeb80>所以使用延迟加载时，推荐 valueMode 设置为 'all' 或者 'parentFirst'。</p></div></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-de8eeb80><div class=\\"t-form__item t-form-item__\\" data-v-de8eeb80><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m t-is-checked\\" data-v-de8eeb80><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-de8eeb80><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">严格模式</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\" data-v-de8eeb80><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--checkable t-tree--transition\\" data-v-de8eeb80><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</span></label></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/line.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-225666c0><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-225666c0><div class=\\"t-form__item t-form-item__\\" data-v-225666c0><div class=\\"t-form__label t-form__label--left\\" 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-switch t-size-m t-is-checked\\" data-v-225666c0><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-225666c0><div class=\\"t-form__label t-form__label--left\\" 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-switch t-size-m t-is-checked\\" data-v-225666c0><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>默认样式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></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 class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></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 class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></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><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></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 class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><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 title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><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 title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:3;box-shadow:calc(-1 * var(--space)) 0 var(--color),calc(-2 * var(--space)) 0 var(--color);\\"></span><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 title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:4;box-shadow:calc(-2 * var(--space)) 0 var(--color),calc(-3 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:4;box-shadow:calc(-2 * var(--space)) 0 var(--color),calc(-3 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></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 class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" 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 title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" 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\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-line t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>使用属性结合 jsx 来自定义呈现</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"></div></div><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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></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;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></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;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></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;\\"><div class=\\"custom-line\\"><div class=\\"custom-line-box\\"></div></div><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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></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;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"><span></span></div></div><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 title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span></span></div></div><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 title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><div class=\\"custom-line custom-line-first custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span></div></div><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 title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></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;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\"><div class=\\"custom-line-box\\"></div></div><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 title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-line t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><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 title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></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;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></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;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></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;\\"><div class=\\"custom-line\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><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 title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></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;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><!----></div><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 title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><!----></div><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 title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><div class=\\"custom-line custom-line-first custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><!----></div><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 title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></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;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><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 title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/line.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\" data-v-225666c0><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><form class=\\"t-form\\" data-v-225666c0><div class=\\"t-form__item t-form-item__\\" data-v-225666c0><div class=\\"t-form__label t-form__label--left\\" 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-switch t-size-m t-is-checked\\" data-v-225666c0><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-225666c0><div class=\\"t-form__label t-form__label--left\\" 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-switch t-size-m t-is-checked\\" data-v-225666c0><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></div></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>默认样式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></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 class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></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 class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></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 class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:3;box-shadow:calc(-1 * var(--space)) 0 var(--color),calc(-2 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:4;box-shadow:calc(-2 * var(--space)) 0 var(--color),calc(-3 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:4;box-shadow:calc(-2 * var(--space)) 0 var(--color),calc(-3 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></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 class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" 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\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-line t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>使用属性结合 jsx 来自定义呈现</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></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;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></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;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></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;\\"><div class=\\"custom-line\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></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;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-first\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><div class=\\"custom-line custom-line-first custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span class=\\"custom-line-cross\\"></span><span></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span class=\\"custom-line-cross\\"></span><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></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;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\"><div class=\\"custom-line-box\\"></div></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"><span></span></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\"><div class=\\"custom-line-box\\"></div><i class=\\"custom-line-icon\\"><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-line t-space t-space-vertical\\" style=\\"gap:10px;\\" data-v-225666c0><div class=\\"t-space-item\\"><h3 class=\\"title\\" data-v-225666c0>slot 形式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--transition\\" data-v-225666c0><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1</span></span></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;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.1</span></span></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;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1.2</span></span></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;\\"><div class=\\"custom-line\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2</span></span></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;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.1.1\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-first\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1</span></span></div><div data-value=\\"2.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:3;\\"><div class=\\"custom-line custom-line-first custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1</span></span></div><div data-value=\\"2.1.1.1.1\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.1</span></span></div><div data-value=\\"2.1.1.1.2\\" data-level=\\"4\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:4;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.1.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.1.1.2</span></span></div><div data-value=\\"2.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span class=\\"custom-line-cross\\" data-v-225666c0></span><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1.2</span></span></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;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div><div data-value=\\"3\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><!----></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"3\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3</span></span></div><div data-value=\\"3.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-first custom-line-leaf\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.1</span></span></div><div data-value=\\"3.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0><span data-v-225666c0></span></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"3.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">3.2</span></span></div><div data-value=\\"4\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div class=\\"custom-line custom-line-leaf custom-line-last\\" data-v-225666c0><div class=\\"custom-line-box\\" data-v-225666c0></div><i class=\\"custom-line-icon\\" data-v-225666c0><svg class=\\"t-icon t-icon-heart-filled\\" data-v-225666c0><use href=\\"#t-icon-heart-filled\\"></use></svg></i></div><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"4\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">4</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/load.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:60px;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:60px;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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\\"><div class=\\"t-loading--center t-size-m t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"medium\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1</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\\"><div class=\\"t-loading--center t-size-m t-loading\\"><svg viewBox=\\"0 0 12 12\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\" size=\\"medium\\" class=\\"t-loading__gradient t-icon-loading\\"><foreignObject x=\\"0\\" y=\\"0\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2</span></label></div></transition-group-stub></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree/_example/operations.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">属性结合 jsx 形式传递</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"node1\\" 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\\"></span><span title=\\"1 | value: node1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">1 | value: node1</span></span><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\">value: node1</span></div><div data-value=\\"node2\\" 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\\"></span><span title=\\"2 | value: node2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2 | value: node2</span></span><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\">value: node2</span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-operations t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">slot 形式</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:200px;\\"><label for=\\"\\">插入节点使用高亮节点</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200px;\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-switch t-size-m\\"><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__\\"><div class=\\"t-form__label t-form__label--left\\" style=\\"width:200px;\\"><label for=\\"\\">子节点展开触发父节点展开</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:200px;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">filter:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"node1\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1 | value: node1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">前插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">后插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></div></span></div><div data-value=\\"node2\\" 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\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"node2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">2 | value: node2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">前插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default t-size-s\\"><span class=\\"t-button__text\\">后插节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></div></span></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-operations t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">操作树节点</h3></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:10px;flex-wrap:wrap;\\"><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取 value 为 'node1' 的单个节点</span></button></div><div class=\\"t-space-item\\"><button type=\\"button\\" class=\\"t-button 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-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-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-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-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-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-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-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-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-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-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">获取高亮节点与其子节点的数据</span></button></div></div></div><div class=\\"t-space-item\\"><div class=\\"tips\\"><p>* 相关信息通过控制台输出</p></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/sync.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">checked:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{1.1.1.1}, {1.1.1.2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">expanded:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{1}, {1.1}, {1.1.1}, {2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">actived:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1\\" tabindex=\\"-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 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1.1\\" tabindex=\\"-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.1.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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-active 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 title=\\"2\\" class=\\"t-tree__label t-is-active\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/sync.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">checked:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{1.1.1.1}, {1.1.1.2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">expanded:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{1}, {1.1}, {1.1.1}, {2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">actived:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"{2}\\" class=\\"t-input__inner\\"></div></div></div></div></div></div></form></div><div class=\\"t-space-item\\"><div class=\\"t-tree 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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1\\" tabindex=\\"-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 t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-indeterminate t-tree__label\\"><input type=\\"checkbox\\" indeterminate=\\"indeterminate\\" name=\\"1.1\\" tabindex=\\"-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.1.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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1</span></label></div><div data-value=\\"1.1.1.1\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.1\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.1</span></label></div><div data-value=\\"1.1.1.2\\" data-level=\\"3\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:3;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-is-checked t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.1.2\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.1.2</span></label></div><div data-value=\\"1.1.2\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.1.2</span></label></div><div data-value=\\"1.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"1.2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">1.2</span></label></div><div data-value=\\"2\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-is-active 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><span title=\\"2\\" class=\\"t-tree__label t-is-active\\"><span style=\\"position:relative;\\">2</span></span></div><div data-value=\\"2.1\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.1\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.1</span></span></div><div data-value=\\"2.2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--visible\\" style=\\"--level:1;\\"><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><span title=\\"2.2\\" class=\\"t-tree__label\\"><span style=\\"position:relative;\\">2.2</span></span></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/transition.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-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></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label></div><div data-value=\\"t2\\" 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><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label></div><div data-value=\\"t3\\" 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><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label></div></transition-group-stub></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/transition.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;\\"><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;\\"><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--left\\" 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-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></form></div><div class=\\"t-space-item\\"><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\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label></div><div data-value=\\"t2\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label></div><div data-value=\\"t3\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label></div></transition-group-stub></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/tree/_example/vscroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-vscroll-lazy t-space t-space-vertical\\" style=\\"gap:10px;width:80%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - lazy模式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree__lazyload\\" style=\\"height:300px;\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t8\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t14\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></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;\\"><div></div></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t26\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t28\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t31\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t32\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t33\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t34\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t35\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t36\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t37\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t38\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t39\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t40\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t41\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t42\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t43\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t44\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t45\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t46\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t47\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t48\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t49\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t50\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t51\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t52\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t53\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t54\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t55\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t56\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t57\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t58\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t59\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t60\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t61\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t62\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t63\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t64\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t65\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t66\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t67\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t68\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t69\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t70\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t71\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t72\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t73\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t74\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t75\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t76\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t77\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t78\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t79\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t80\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t81\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t82\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t83\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t84\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t85\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t86\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t87\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t88\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t89\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t90\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t91\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t92\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t93\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t94\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t95\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t96\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t97\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t98\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t99\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t100\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t101\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t102\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t103\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t104\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t105\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t106\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t107\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t108\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t109\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t110\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t111\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t112\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t113\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t114\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t115\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t116\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t117\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t118\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t119\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t120\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t121\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t122\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t123\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t124\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t125\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t126\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t127\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t128\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t129\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t130\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t131\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t132\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t133\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t134\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t135\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t136\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t137\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t138\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t139\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t140\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t141\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t142\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t143\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t144\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t145\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t146\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t147\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t148\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t149\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t150\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t151\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t152\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t153\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t154\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t155\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - virtual 模式</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可操作</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll\\" style=\\"height:300px;\\"><div class=\\"t-tree__vscroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t4\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t4</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t5\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t5</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t6\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t6</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t7\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t7</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t8\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t8\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t8</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t9\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t9</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t10\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t10</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t11</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t12\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t12</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t13\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t13</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t15\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t15</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t16\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t16</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t17\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t17</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t18\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t18</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t19\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t19</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></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 class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t20\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t20</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t21\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t21</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t22\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t22</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t23\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t23</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t24\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t24</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t25\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t25</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t26\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><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 tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t26\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t26</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t28\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t28\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t28</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t29\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t29</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t30\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t30</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/tree/_example/vscroll.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-tree-demo t-space t-space-vertical\\" style=\\"gap:32px;width:100%;\\"><div class=\\"t-space-item\\"><div class=\\"tdesign-tree-vscroll-lazy t-space t-space-vertical\\" style=\\"gap:10px;width:80%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - lazy模式</h3></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--transition t-tree__lazyload\\" style=\\"height:300px;\\"><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t8\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t14\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></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;\\"><div></div></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t26\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t28\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t31\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t32\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t33\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t34\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t35\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t36\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t37\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t38\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t39\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t40\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t41\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t42\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t43\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t44\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t45\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t46\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t47\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t48\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t49\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t50\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t51\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t52\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t53\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t54\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t55\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t56\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t57\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t58\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t59\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t60\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t61\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t62\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t63\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t64\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t65\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t66\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t67\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t68\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t69\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t70\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t71\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t72\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t73\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t74\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t75\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t76\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t77\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t78\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t79\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t80\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t81\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t82\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t83\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t84\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t85\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t86\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t87\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t88\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t89\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t90\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t91\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t92\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t93\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t94\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t95\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t96\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t97\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t98\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t99\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t100\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t101\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t102\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t103\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t104\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t105\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t106\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t107\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t108\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t109\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t110\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t111\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t112\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t113\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t114\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t115\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t116\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t117\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t118\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t119\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t120\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t121\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t122\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t123\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t124\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t125\\" data-level=\\"0\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:0;\\"><div></div></div><div data-value=\\"t126\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t127\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t128\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t129\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t130\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t131\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t132\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t133\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t134\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t135\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t136\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t137\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t138\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t139\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t140\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t141\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t142\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t143\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t144\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t145\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t146\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t147\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t148\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t149\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t150\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><div></div></div><div data-value=\\"t151\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t152\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t153\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t154\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div><div data-value=\\"t155\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><div></div></div></transition-group-stub></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-vertical\\" style=\\"gap:10px;width:100%;\\"><div class=\\"t-space-item\\"><h3 class=\\"title\\">虚拟滚动 - virtual 模式</h3></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">动画</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示连线</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">显示图标</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可选</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__label t-form__label--right\\" style=\\"width:150;\\"><label for=\\"\\">可操作</label></div><div class=\\"t-form__controls\\" style=\\"margin-left:150;\\"><div class=\\"t-form__controls-content\\"><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></form></div><div class=\\"t-space-item\\"><form class=\\"t-form\\" style=\\"max-width:500px;\\"><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><div class=\\"t-input-adornment\\"><span class=\\"t-input-adornment__prepend\\"><span class=\\"t-input-adornment__text\\">插入节点数量:</span></span><div class=\\"t-input__wrap\\"><div class=\\"t-input\\"><input autocomplete=\\"\\" placeholder=\\"请输入\\" type=\\"text\\" unselectable=\\"off\\" value=\\"1\\" class=\\"t-input__inner\\"></div></div></div></div></div></div><div class=\\"t-form__item t-form-item__\\"><div class=\\"t-form__controls\\"><div class=\\"t-form__controls-content\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">插入根节点</span></button></div></div></div></form></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-tree t-tree--hoverable t-tree--checkable t-tree--transition t-tree__vscroll\\" style=\\"height:300px;\\"><div class=\\"t-tree__vscroll-cursor\\" style=\\"transform:translate(0, 0px);-ms-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-webkit-transform:translate(0, 0px);\\"></div><transition-group-stub tag=\\"div\\" enterActiveClass=\\"t-tree__item--enter-active\\" leaveActiveClass=\\"t-tree__item--leave-active\\" class=\\"t-tree__list\\" style=\\"transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);\\"><div data-value=\\"t1\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t1\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t1</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t2\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line t-tree__line--first\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t2\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t2</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t3\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t3\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t3</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t4\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t4\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t4</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t5\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t5\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t5</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t6\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t6\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t6</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t7\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t7\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t7</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t8\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t8\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t8</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t9\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t9\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t9</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t10\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t10\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t10</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t11\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t11\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t11</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t12\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t12\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t12</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t13\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t13\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t13</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t14\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t14\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t14</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t15\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t15\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t15</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t16\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t16\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t16</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t17\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t17\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t17</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t18\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t18\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t18</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t19\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t19\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t19</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></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 class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t20\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t20</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t21\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t21\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t21</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t22\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t22\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t22</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t23\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t23\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t23</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t24\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t24\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t24</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t25\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:calc(-1 * var(--space)) 0 var(--color);\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t25\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t25</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t26\\" data-level=\\"1\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:1;\\"><span class=\\"t-tree__line\\" style=\\"--level:1;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon t-tree__icon--default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-caret-right-small\\"><path fill=\\"currentColor\\" d=\\"M16.5 12l-7-7v14l7-7z\\"></path></svg></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t26\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t26</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t27\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf t-tree__line--first\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t27\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t27</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t28\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t28\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t28</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t29\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t29\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t29</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div><div data-value=\\"t30\\" data-level=\\"2\\" draggable=\\"false\\" class=\\"t-tree__item t-tree__item--open t-tree__item--visible\\" style=\\"--level:2;\\"><span class=\\"t-tree__line t-tree__line--leaf\\" style=\\"--level:2;box-shadow:;\\"></span><span trigger=\\"expand\\" ignore=\\"active\\" class=\\"t-tree__icon t-folder-icon\\"></span><label tabindex=\\"0\\" ignore=\\"expand,active\\" class=\\"t-checkbox t-tree__label\\"><input type=\\"checkbox\\" name=\\"t30\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">t30</span></label><span ignore=\\"active,expand\\" class=\\"t-tree__operations\\"><div class=\\"tdesign-demo-block-row\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-size-s\\"><span class=\\"t-button__text\\">添加子节点</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-danger t-size-s\\"><span class=\\"t-button__text\\">删除</span></button></div></span></div></transition-group-stub></div></div><div class=\\"t-space-item\\"><div style=\\"height:100px;\\"></div></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/tree-select/_example/base.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--empty t-tree-select\\" style=\\"width:500px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:500px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><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>"`;
 
-exports[`ssr snapshot test > renders ./src/tree-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-input t-select-input--multiple t-tree-select\\" style=\\"width:300px;\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">广州市</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-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\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-tree-select\\" style=\\"width:300px;\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">广州市</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-tag--dark\\"><span>更多...</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\\"><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>"`;
+exports[`ssr snapshot test > renders ./src/tree-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-input t-select-input--multiple t-tree-select\\" style=\\"width:300px;\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">广州市</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default 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\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-tree-select\\" style=\\"width:300px;\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">广州市</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark\\"><span>更多...</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\\"><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>"`;
 
 exports[`ssr snapshot test > renders ./src/tree-select/_example/dvalue.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-tree-select\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><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>"`;
 
@@ -1237,35 +1239,35 @@ exports[`ssr snapshot test > renders ./src/tree-select/_example/filterable.vue c
 
 exports[`ssr snapshot test > renders ./src/tree-select/_example/lazy.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><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>"`;
 
-exports[`ssr snapshot test > renders ./src/tree-select/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--multiple t-tree-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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">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-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">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-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">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></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\\"><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>"`;
+exports[`ssr snapshot test > renders ./src/tree-select/_example/multiple.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--multiple t-tree-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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">tdesign-vue</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">tdesign-react</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">tdesign-miniprogram</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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\\"><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>"`;
 
 exports[`ssr snapshot test > renders ./src/tree-select/_example/prefix.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-select-input--empty t-tree-select\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><svg class=\\"t-icon t-icon-user\\"><use href=\\"#t-icon-user\\"></use></svg></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\\"><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>"`;
 
 exports[`ssr snapshot test > renders ./src/tree-select/_example/props.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-select-input t-tree-select\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><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>"`;
 
-exports[`ssr snapshot test > renders ./src/tree-select/_example/valuedisplay.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-tree-select\\" style=\\"width:400px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"> 深圳市(shenzhen)</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\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-tree-select\\" style=\\"width:400px;\\"><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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span> 深圳市(shenzhen) </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-tag--dark t-tag--close\\"><span> 广州市(guangzhou) </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 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>"`;
+exports[`ssr snapshot test > renders ./src/tree-select/_example/valuedisplay.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-tree-select\\" style=\\"width:400px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"> 深圳市(shenzhen)</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\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-tree-select\\" style=\\"width:400px;\\"><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-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span> 深圳市(shenzhen) </span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--close\\"><span> 广州市(guangzhou) </span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></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 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>"`;
 
-exports[`ssr snapshot test > renders ./src/tree-select/_example/valuetype.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-tree-select\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-tree-select\\" style=\\"width:300px;\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">广州市</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-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">深圳市</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><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>"`;
+exports[`ssr snapshot test > renders ./src/tree-select/_example/valuetype.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-tree-select\\" style=\\"width:300px;\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input 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\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-select-input t-select-input--multiple t-tree-select\\" style=\\"width:300px;\\"><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-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">广州市</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></span><span class=\\"t-tag t-tag--default t-tag--dark t-tag--ellipsis t-tag--close\\"><span class=\\"t-tag--text\\" style=\\"max-width:300px;\\">深圳市</span><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-tag__icon-close\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></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\\"><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>"`;
 
-exports[`ssr snapshot test > renders ./src/upload/_example/base.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\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单文件上传</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"true\\" value=\\"true\\" 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-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">禁用状态</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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-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__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button 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__tips t-size-s t-upload__placeholder\\">要求文件大小在 1M 以内</small></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" style=\\"margin-left:40px;\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" variant=\\"outline\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><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><div class=\\"t-upload__single-display-text t-upload__display-text--margin\\"><a href=\\"https://tdesign.gtimg.com/site/source/figma-pc.png\\" target=\\"_blank\\" class=\\"t-link t-link--theme-default t-size-s t-link--hover-color t-upload__single-name\\">这是一个默认文件</a><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-upload__icon-delete\\"><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></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" style=\\"margin-left:60px;\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button 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__tips t-size-s t-upload__placeholder\\">文件上传失败示例</small></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/upload/_example/base.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\\"><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单文件上传</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"true\\" value=\\"true\\" 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-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\"><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">禁用状态</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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-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__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></path></svg><span class=\\"t-button__text\\">选择文件</span></button></div><small class=\\"t-upload__tips t-size-s t-upload__placeholder\\">要求文件大小在 1M 以内</small></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" style=\\"margin-left:40px;\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" variant=\\"outline\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></path></svg><span class=\\"t-button__text\\">重新选择</span></button></div><div class=\\"t-upload__single-display-text t-upload__display-text--margin\\"><a href=\\"https://tdesign.gtimg.com/site/source/figma-pc.png\\" target=\\"_blank\\" class=\\"t-link t-link--theme-default t-size-s t-link--hover-color t-upload__single-name\\">这是一个默认文件</a><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-upload__icon-delete\\"><path fill=\\"currentColor\\" d=\\"M7.05 5.64L12 10.59l4.95-4.95 1.41 1.41L13.41 12l4.95 4.95-1.41 1.41L12 13.41l-4.95 4.95-1.41-1.41L10.59 12 5.64 7.05l1.41-1.41z\\"></path></svg></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" style=\\"margin-left:60px;\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></path></svg><span class=\\"t-button__text\\">选择文件</span></button></div><small class=\\"t-upload__tips t-size-s t-upload__placeholder\\">文件上传失败示例</small></div></div></div></div></div></div>"`;
 
-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-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-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/custom-drag.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-upload t-upload\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-cloud-upload\\"><path fill=\\"currentColor\\" d=\\"M4.6 6.28a7.5 7.5 0 0114.8 0 6.5 6.5 0 011.06 12.01l-.9.46-.9-1.78.88-.46a4.5 4.5 0 00-1.23-8.44l-.77-.14-.05-.78a5.5 5.5 0 00-10.98 0l-.05.78-.77.14a4.5 4.5 0 00-1.23 8.44l.89.46-.91 1.78-.9-.46a6.5 6.5 0 011.06-12zm7.4 3.3L17.41 15 16 16.41l-3-3V23h-2v-9.59l-3 3L6.59 15 12 9.59z\\"></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-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 tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'file'\\" value=\\"file\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">文件拖拽上传</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'image'\\" value=\\"image\\" 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-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-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 tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'file'\\" value=\\"file\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">文件拖拽上传</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'image'\\" value=\\"image\\" 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 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\"><path fill=\\"currentColor\\" d=\\"M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z\\"></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-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-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/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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">禁用状态</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">自动上传</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 允许上传同名文件 </span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 整体替换上传 </span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-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-button--variant-base t-button--theme-default t-is-disabled t-upload__cancel\\"><span class=\\"t-button__text\\">取消上传</span></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-is-disabled t-upload__continue\\"><span class=\\"t-button__text\\">点击上传</span></button></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 tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">禁用状态</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">自动上传</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\">显示文件缩略图</span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 允许上传同名文件 </span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 整体替换上传 </span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\"><input type=\\"checkbox\\" tabindex=\\"-1\\" 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-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></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-button--variant-base t-button--theme-default t-is-disabled t-upload__cancel\\"><span class=\\"t-button__text\\">取消上传</span></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-is-disabled t-upload__continue\\"><span class=\\"t-button__text\\">点击上传</span></button></div><span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/upload/_example/image.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-26399fbc><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-26399fbc><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-26399fbc><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 禁用状态 </span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-26399fbc><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 多个文件一个请求上传 </span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" data-v-26399fbc><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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 data-v-26399fbc></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-26399fbc><div class=\\"t-space-item\\"><div class=\\"t-upload\\" data-v-26399fbc><input type=\\"file\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__image-add t-upload__card-container t-upload__card-box\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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><p class=\\"t-size-s\\">点击上传图片</p></div></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" data-v-26399fbc><input type=\\"file\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__image-add t-upload__card-container t-upload__card-box\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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><p class=\\"t-size-s\\">点击上传图片</p></div></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" data-v-26399fbc><input type=\\"file\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__card-content t-upload__card-box\\"><img src=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" class=\\"t-upload__card-image\\"><div class=\\"t-upload__card-mask\\"><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><path fill=\\"currentColor\\" d=\\"M10.88 8a2.88 2.88 0 11-5.76 0 2.88 2.88 0 015.76 0zm-1 0a1.88 1.88 0 10-3.76 0 1.88 1.88 0 003.76 0z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M1.12 8.23A7.72 7.72 0 008 12.5c2.9 0 5.54-1.63 6.88-4.27L15 8l-.12-.23A7.73 7.73 0 008 3.5a7.74 7.74 0 00-6.88 4.27L1 8l.12.23zM8 11.5A6.73 6.73 0 012.11 8 6.73 6.73 0 0113.9 8 6.74 6.74 0 018 11.5z\\" fill-opacity=\\"0.9\\"></path></svg></span><span class=\\"t-upload__card-mask-item-divider\\"></span><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-delete\\"><path fill=\\"currentColor\\" d=\\"M6 12V6h1v6H6zM9 6v6h1V6H9z\\" fill-opacity=\\"0.9\\"></path><path fill=\\"currentColor\\" d=\\"M10.5 3H14v1h-1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4H2V3h3.5V1.8c0-.44.36-.8.8-.8h3.4c.44 0 .8.36.8.8V3zm-4 0h3V2h-3v1zM4 4v10h8V4H4z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div><a href=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" target=\\"_blank\\" class=\\"t-link t-link--theme-default t-size-s t-link--hover-color t-upload__card-name\\">demo-image-1.png</a></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传（自定义预览图片地址）</small></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" data-v-26399fbc><input type=\\"file\\" multiple=\\"multiple\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__image-add t-upload__card-container t-upload__card-box\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><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><p class=\\"t-size-s\\">点击上传图片</p></div></li></ul></div><small class=\\"t-upload__tips t-size-s\\">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/upload/_example/image.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-space t-space-vertical\\" style=\\"gap:16px;\\" data-v-26399fbc><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-26399fbc><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-26399fbc><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 禁用状态 </span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox\\" data-v-26399fbc><input type=\\"checkbox\\" tabindex=\\"-1\\" class=\\"t-checkbox__former\\"><span class=\\"t-checkbox__input\\"></span><span class=\\"t-checkbox__label\\"> 多个文件一个请求上传 </span></label></div><div class=\\"t-space-item\\"><label tabindex=\\"0\\" class=\\"t-checkbox t-is-checked\\" data-v-26399fbc><input type=\\"checkbox\\" tabindex=\\"-1\\" checked=\\"checked\\" 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 data-v-26399fbc></div><div class=\\"t-space-item\\"><div class=\\"t-space t-space-horizontal\\" style=\\"gap:16px;\\" data-v-26399fbc><div class=\\"t-space-item\\"><div class=\\"t-upload\\" data-v-26399fbc><input type=\\"file\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__image-add t-upload__card-container t-upload__card-box\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg><p class=\\"t-size-s\\">点击上传图片</p></div></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传（上传成功状态演示）</small></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" data-v-26399fbc><input type=\\"file\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__image-add t-upload__card-container t-upload__card-box\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg><p class=\\"t-size-s\\">点击上传图片</p></div></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传（上传失败状态演示）</small></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" data-v-26399fbc><input type=\\"file\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__card-content t-upload__card-box\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-upload__card-image\\"><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 class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div><div class=\\"t-space-item\\">图片加载中</div></div></div></div><div class=\\"t-upload__card-mask\\"><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg></span><span class=\\"t-upload__card-mask-item-divider\\"></span><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-delete\\"><path fill=\\"currentColor\\" d=\\"M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z\\"></path></svg></span></div></div><a href=\\"https://tdesign.gtimg.com/demo/demo-image-1.png\\" target=\\"_blank\\" class=\\"t-link t-link--theme-default t-size-s t-link--hover-color t-upload__card-name\\">demo-image-1.png</a></li></ul></div><small class=\\"t-upload__tips t-size-s\\">请选择单张图片文件上传（自定义预览图片地址）</small></div></div><div class=\\"t-space-item\\"><div class=\\"t-upload\\" data-v-26399fbc><input type=\\"file\\" multiple=\\"multiple\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div showUploadProgress=\\"true\\"><ul class=\\"t-upload__card\\"><li class=\\"t-upload__card-item t-is-background\\"><div class=\\"t-upload__image-add t-upload__card-container t-upload__card-box\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg><p class=\\"t-size-s\\">点击上传图片</p></div></li></ul></div><small class=\\"t-upload__tips t-size-s\\">允许选择多张图片文件上传，最多只能上传 3 张图片</small></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/upload/_example/img-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> 是否自动上传： <div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></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=\\"image/*\\" hidden=\\"hidden\\"><div class=\\"t-upload__flow t-upload__flow-image-flow\\"><div class=\\"t-upload__flow-op\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button 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\\">支持批量上传图片文件</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-button--variant-base t-button--theme-default t-is-disabled t-upload__cancel\\"><span class=\\"t-button__text\\">取消上传</span></button><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-is-disabled t-upload__continue\\"><span class=\\"t-button__text\\">点击上传</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > renders ./src/upload/_example/img-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> 是否自动上传： <div class=\\"t-switch t-size-m\\"><span class=\\"t-switch__handle\\"></span><div class=\\"t-switch__content t-size-m\\"></div></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=\\"image/*\\" hidden=\\"hidden\\"><div class=\\"t-upload__flow t-upload__flow-image-flow\\"><div class=\\"t-upload__flow-op\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></path></svg><span class=\\"t-button__text\\">继续选择</span></button></div><small class=\\"t-upload__flow-placeholder t-upload__placeholder\\">支持批量上传图片文件</small></div><div class=\\"t-upload__flow-card-area\\"><ul class=\\"t-upload__card clearfix\\"><li class=\\"t-upload__card-item\\"><div class=\\"t-upload__card-content t-is-bordered\\"><div class=\\"t-image__wrapper t-image__wrapper--shape-square t-upload__card-image\\"><img src=\\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\\" alt=\\"\\" class=\\"t-image t-image--fit-fill t-image--position-center\\"><div class=\\"t-image__loading\\"><div class=\\"t-space t-space-align-center t-space-vertical\\" style=\\"gap:8px;\\"><div class=\\"t-space-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-image\\" style=\\"font-size:24px;\\"><path fill=\\"currentColor\\" d=\\"M2 2h20v20H2V2zm2 18h13.59L9 11.41l-5 5V20zm16-.41V4H4v9.59l5-5 11 11zM15.55 7a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z\\"></path></svg></div></div></div></div><div class=\\"t-upload__card-mask\\"><span class=\\"t-upload__card-mask-item\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse\\"><g clip-path=\\"url(#clip0_8726_7319)\\"><path fill=\\"currentColor\\" d=\\"M2.1 12a10.5 10.5 0 0019.8 0 10.5 10.5 0 00-19.8 0zm-2.01-.3a12.5 12.5 0 0123.82 0l.1.3-.1.3a12.5 12.5 0 01-23.82 0l-.1-.3.1-.3zM12 9a3 3 0 100 6 3 3 0 000-6zm-5 3a5 5 0 1110 0 5 5 0 01-10 0z\\"></path></g></svg><span class=\\"t-upload__card-mask-item-divider\\"></span></span><span class=\\"t-upload__card-mask-item t-upload__delete\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-delete\\"><path fill=\\"currentColor\\" d=\\"M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z\\"></path></svg></span></div></div><p class=\\"t-upload__card-name\\">loading.svg</p></li></ul></div><div class=\\"t-upload__flow-bottom\\"><button type=\\"button\\" disabled=\\"disabled\\" class=\\"t-button t-button--variant-base t-button--theme-default t-is-disabled t-upload__cancel\\"><span class=\\"t-button__text\\">取消上传</span></button><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary t-upload__continue\\"><span class=\\"t-button__text\\">点击上传</span></button></div><span></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/upload/_example/request-method.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'requestSuccessMethod'\\" value=\\"requestSuccessMethod\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上传成功示例</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'requestFailMethod'\\" value=\\"requestFailMethod\\" 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-upload\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button 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></div><small class=\\"t-upload__tips t-size-s\\">自定义上传方法需要返回成功或失败信息</small></div></div>"`;
+exports[`ssr snapshot test > renders ./src/upload/_example/request-method.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-block-column-large\\"><div><div class=\\"t-radio-group t-size-m t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'requestSuccessMethod'\\" value=\\"requestSuccessMethod\\" checked=\\"checked\\" class=\\"t-radio-button__former\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">上传成功示例</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" tabindex=\\"-1\\" data-value=\\"'requestFailMethod'\\" value=\\"requestFailMethod\\" 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-upload\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></path></svg><span class=\\"t-button__text\\">选择文件</span></button></div></div><small class=\\"t-upload__tips t-size-s\\">自定义上传方法需要返回成功或失败信息</small></div></div>"`;
 
 exports[`ssr snapshot test > renders ./src/upload/_example/single-custom.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" data-v-b4e7cf12><div class=\\"t-upload\\" data-v-b4e7cf12><input type=\\"file\\" multiple=\\"multiple\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\" data-v-b4e7cf12><span class=\\"t-button__text\\">自定义上传</span></button></div><small class=\\"t-upload__tips t-size-s\\">上传文件大小在 5M 以内</small></div><!----></div>"`;
 
 exports[`ssr snapshot test > renders ./src/upload/_example/single-input.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"tdesign-demo-upload\\"><div style=\\"width:350px;\\"><div class=\\"t-upload t-upload--theme-file-input\\"><input type=\\"file\\" accept=\\"\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file-input\\"><div class=\\"t-upload__single-input-preview t-input \\"><div class=\\"t-input__inner t-upload__placeholder\\"><span class=\\"t-upload__single-input-text t-upload__placeholder\\">未选择文件</span></div></div><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><span class=\\"t-button__text\\">选择文件</span></button></div></div><small class=\\"t-upload__tips t-size-s\\">上传文件大小在 5M 以内</small></div></div></div>"`;
 
-exports[`ssr snapshot test > renders ./src/upload/_example/table.vue correctly 1`] = `"<section data-server-rendered=\\"true\\" class=\\"tdesign-demo-upload-multiple\\" style=\\"width:570px;\\"><header class=\\"tdesign-demo-upload-multiple-header\\"><div class=\\"t-upload\\"><input type=\\"file\\" multiple=\\"multiple\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button 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></div></div></header><div class=\\"tdesign-demo-upload-table\\"><div class=\\"tdesign-demo-upload-table-header\\"><div class=\\"tdesign-demo-upload-table__name\\">文件名</div><div class=\\"tdesign-demo-upload-table__size\\">大小</div><div class=\\"tdesign-demo-upload-table__status\\">状态</div><div class=\\"tdesign-demo-upload-table__operator\\">操作</div></div><div class=\\"tdesign-demo-upload-table--empty\\"><p>点击上方“选择文件”或将文件拖拽到此区域</p></div></div><div class=\\"tdesign-demo-upload-bottom\\"><button class=\\"t-button t-button--line\\">取消</button><button class=\\"t-button t-button--primary\\">开始上传</button></div></section>"`;
+exports[`ssr snapshot test > renders ./src/upload/_example/table.vue correctly 1`] = `"<section data-server-rendered=\\"true\\" class=\\"tdesign-demo-upload-multiple\\" style=\\"width:570px;\\"><header class=\\"tdesign-demo-upload-multiple-header\\"><div class=\\"t-upload\\"><input type=\\"file\\" multiple=\\"multiple\\" accept=\\"image/*\\" hidden=\\"hidden\\"><div class=\\"t-upload__single t-upload__single-file\\"><div class=\\"t-upload__trigger\\"><button type=\\"button\\" class=\\"t-button t-button--variant-outline t-button--theme-default\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-upload\\"><path fill=\\"currentColor\\" d=\\"M12 2.59l5.91 5.91-1.41 1.41-3.5-3.5V16h-2V6.41l-3.5 3.5L6.09 8.5 12 2.59zM4.5 14v5h15v-5h2v7h-19v-7h2z\\"></path></svg><span class=\\"t-button__text\\">选择文件</span></button></div></div></div></header><div class=\\"tdesign-demo-upload-table\\"><div class=\\"tdesign-demo-upload-table-header\\"><div class=\\"tdesign-demo-upload-table__name\\">文件名</div><div class=\\"tdesign-demo-upload-table__size\\">大小</div><div class=\\"tdesign-demo-upload-table__status\\">状态</div><div class=\\"tdesign-demo-upload-table__operator\\">操作</div></div><div class=\\"tdesign-demo-upload-table--empty\\"><p>点击上方“选择文件”或将文件拖拽到此区域</p></div></div><div class=\\"tdesign-demo-upload-bottom\\"><button class=\\"t-button t-button--line\\">取消</button><button class=\\"t-button t-button--primary\\">开始上传</button></div></section>"`;
 
 exports[`ssr snapshot test > renders ./src/watermark/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-watermark\\" style=\\"position:relative;overflow:hidden;width:100%;\\"><div style=\\"height:300px;\\"></div><div style=\\"position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-size:200px;pointer-events:none;background-repeat:repeat;background-image:url('');animation:none;\\"></div></div>"`;