diff --git a/package.json b/package.json
index 182902d49..673c0db6e 100644
--- a/package.json
+++ b/package.json
@@ -97,7 +97,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"
   },
@@ -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.0",
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/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/__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/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/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/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 238c9cd5b..38fb10ffb 100644
--- a/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
+++ b/src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap
@@ -42,20 +42,12 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, fail
                   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>
@@ -83,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>
@@ -178,20 +169,12 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, progr
                   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>
@@ -321,20 +304,12 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, succe
                   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>
@@ -362,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>
@@ -457,20 +431,12 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, succe
                   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>
@@ -498,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>
@@ -593,20 +558,12 @@ exports[`Upload Component > props.draggable: theme=image & draggable=true, waiti
                   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>
@@ -687,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
@@ -748,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
@@ -792,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
@@ -836,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
@@ -953,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
@@ -1010,20 +952,12 @@ exports[`Upload Component > props.theme: theme=image-flow 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>
@@ -1040,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"
+                    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>
@@ -1092,20 +1020,12 @@ exports[`Upload Component > props.theme: theme=image-flow 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>
@@ -1122,37 +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 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
                   class="t-upload__card-mask-item-divider"
@@ -1165,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>
@@ -1217,20 +1127,12 @@ exports[`Upload Component > props.theme: theme=image-flow 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>
@@ -1247,37 +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 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
                   class="t-upload__card-mask-item-divider"
@@ -1290,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"
+                    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>
@@ -1326,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>
@@ -1349,37 +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 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
                   class="t-upload__card-mask-item-divider"
@@ -1392,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"
-                    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>
@@ -1462,37 +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 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
                   class="t-upload__card-mask-item-divider"
@@ -1505,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>
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index c85a628d5..cacd56bf4 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"
+                  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>
@@ -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"
+                  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>
@@ -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>
@@ -50911,13 +50507,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>
@@ -51182,13 +50777,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>
@@ -51218,13 +50812,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>
@@ -51295,20 +50888,12 @@ exports[`csr snapshot test > csr test ./src/form/_example/disabled.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>
@@ -51330,19 +50915,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>
@@ -51618,18 +51201,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>
@@ -52216,18 +51793,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>
@@ -52274,13 +51845,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>
@@ -52318,18 +51888,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>
@@ -52347,18 +51911,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"
-                      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>
@@ -53190,13 +52748,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>
@@ -54030,18 +53587,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"
-                  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>
@@ -54196,13 +53747,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>
@@ -54229,13 +53779,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>
@@ -54351,18 +53900,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>
@@ -54711,13 +54254,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>
@@ -56898,14 +56440,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
@@ -57000,15 +56541,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>
@@ -57016,10 +56563,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>
@@ -57027,10 +56574,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-surprised"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <svg
+          class="t-icon t-icon-giggle"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-giggle"
           />
         </svg>
       </div>
@@ -57046,22 +56615,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>
@@ -57069,10 +56635,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>
@@ -57080,10 +56647,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>
@@ -57091,11 +56659,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>
@@ -57103,11 +56671,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>
@@ -57120,15 +56688,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>
@@ -57136,11 +56710,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>
@@ -57148,11 +56721,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-numbers-0"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <svg
+          class="t-icon t-icon-numbers-3"
         >
           <use
-            href="#t-icon-check-circle-filled"
+            href="#t-icon-numbers-3"
           />
         </svg>
       </div>
@@ -57365,25 +56948,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>
@@ -57392,51 +56996,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>
@@ -57445,31 +57052,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>
@@ -57585,23 +57203,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>
@@ -57609,16 +57226,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>
@@ -57626,42 +57242,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>
@@ -57669,16 +57274,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>
@@ -57686,16 +57290,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>
@@ -57703,34 +57306,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>
@@ -57738,44 +57347,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>
@@ -57783,17 +57379,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>
@@ -57801,17 +57395,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="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="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="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>
@@ -57862,20 +57486,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>
@@ -57946,20 +57562,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"
+                    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>
@@ -57985,13 +57593,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>
                    高清
@@ -58046,20 +57653,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>
@@ -58082,13 +57681,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>
                  高清
@@ -58127,20 +57725,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"
+            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>
@@ -58202,20 +57792,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>
@@ -58271,20 +57853,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>
@@ -58340,20 +57914,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>
@@ -58409,20 +57975,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>
@@ -58478,20 +58036,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>
@@ -58562,20 +58112,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>
@@ -58631,20 +58173,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>
@@ -58700,20 +58234,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>
@@ -58778,20 +58304,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>
@@ -58847,20 +58365,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>
@@ -58925,20 +58435,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>
@@ -58994,20 +58496,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>
@@ -59063,20 +58557,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>
@@ -59139,20 +58625,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>
@@ -59208,20 +58686,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>
@@ -59278,20 +58748,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"
+            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>
@@ -59630,13 +59092,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
@@ -59686,13 +59147,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
@@ -59765,20 +59225,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>
@@ -59802,13 +59254,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
@@ -59853,18 +59304,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"
-                        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>
@@ -59929,20 +59374,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>
@@ -59966,13 +59403,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
@@ -60025,20 +59461,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>
@@ -60099,20 +59527,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"
-                    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>
@@ -60168,20 +59588,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"
-                    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>
@@ -60237,20 +59649,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>
@@ -60303,21 +59707,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>
@@ -60365,21 +59767,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>
@@ -60403,35 +59803,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"
+          <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>
         <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>
@@ -60471,21 +59868,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>
@@ -60517,19 +59912,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>
@@ -60556,19 +59949,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>
@@ -60624,21 +60015,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>
@@ -60671,21 +60060,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>
@@ -60718,21 +60105,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>
@@ -60765,21 +60150,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>
@@ -60817,21 +60200,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>
@@ -60867,21 +60248,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>
@@ -60910,21 +60289,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>
@@ -60953,21 +60330,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>
@@ -61647,18 +61022,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>
@@ -61676,18 +61045,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>
@@ -61710,18 +61073,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"
-              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>
@@ -61739,18 +61096,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>
@@ -62584,13 +61935,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>
@@ -62617,13 +61967,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>
@@ -62643,13 +61992,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>
@@ -62676,13 +62024,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>
@@ -62702,13 +62049,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>
@@ -62735,13 +62081,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>
@@ -62843,13 +62188,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>
@@ -62881,13 +62225,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>
@@ -62914,13 +62257,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>
@@ -62952,13 +62294,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>
@@ -62979,13 +62320,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>
@@ -63012,13 +62352,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>
@@ -63039,13 +62378,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>
@@ -63077,13 +62415,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>
@@ -63105,13 +62442,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>
@@ -63138,13 +62474,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>
@@ -63166,13 +62501,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>
@@ -63202,13 +62536,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>
@@ -63229,13 +62562,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>
@@ -63262,13 +62594,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>
@@ -63295,13 +62626,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>
@@ -63333,13 +62663,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>
@@ -63359,13 +62688,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>
@@ -63397,13 +62725,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>
@@ -63432,13 +62759,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>
@@ -63465,13 +62791,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>
@@ -63492,13 +62817,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>
@@ -63525,13 +62849,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>
@@ -63552,13 +62875,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>
@@ -63585,13 +62907,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>
@@ -63619,13 +62940,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>
@@ -63652,13 +62972,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>
@@ -63679,13 +62998,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>
@@ -63717,13 +63035,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>
@@ -63846,13 +63163,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>
@@ -63879,13 +63195,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>
@@ -63902,13 +63217,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>
@@ -63935,13 +63249,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>
@@ -63957,13 +63270,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>
@@ -63990,13 +63302,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>
@@ -64124,13 +63435,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>
@@ -64162,13 +63472,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>
@@ -64212,13 +63521,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>
@@ -64250,13 +63558,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>
@@ -64300,13 +63607,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>
@@ -64338,13 +63644,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>
@@ -64388,13 +63693,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>
@@ -64426,13 +63730,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>
@@ -64460,13 +63763,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>
@@ -64493,13 +63795,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>
@@ -65335,18 +64636,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>
@@ -65591,18 +64886,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>
@@ -65624,18 +64913,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>
@@ -65658,18 +64941,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>
@@ -65690,18 +64967,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>
@@ -65777,18 +65048,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>
@@ -65858,18 +65123,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>
@@ -65939,18 +65198,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>
@@ -67173,13 +66426,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>
@@ -67195,18 +66447,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>
@@ -67263,13 +66509,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>
@@ -67285,18 +66530,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"
+                      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"
-                    />
-                    <path
-                      d="M2 11v2a1 1 0 001 1h10a1 1 0 001-1v-2h-1v2H3v-2H2z"
-                      fill="currentColor"
-                      fill-opacity="0.9"
                     />
                   </svg>
                 </span>
@@ -68832,14 +68071,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>
@@ -68853,14 +68091,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>
@@ -68874,14 +68111,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>
@@ -68895,14 +68131,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>
@@ -69109,14 +68344,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>
@@ -69130,14 +68364,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>
@@ -69151,14 +68384,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>
@@ -69172,14 +68404,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>
@@ -69321,14 +68552,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>
@@ -69342,14 +68572,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>
@@ -69363,14 +68592,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>
@@ -69384,14 +68612,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>
@@ -69722,13 +68949,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>
@@ -69740,13 +68966,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>
@@ -69758,13 +68983,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>
@@ -69776,13 +69000,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>
@@ -69913,13 +69136,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>
@@ -69931,13 +69153,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>
@@ -69949,13 +69170,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>
@@ -69967,13 +69187,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>
@@ -70185,14 +69404,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>
@@ -70206,14 +69424,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>
@@ -70227,14 +69444,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>
@@ -70248,14 +69464,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>
@@ -70631,14 +69846,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>
@@ -71012,14 +70226,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>
@@ -71133,14 +70346,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>
@@ -71154,14 +70366,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 +70386,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 +70406,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>
@@ -71317,14 +70526,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>
@@ -71338,14 +70546,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>
@@ -71359,14 +70566,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>
@@ -71380,14 +70586,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>
@@ -71865,14 +71070,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>
@@ -71886,14 +71090,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>
@@ -71907,14 +71110,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>
@@ -71928,14 +71130,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>
@@ -72014,14 +71215,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>
@@ -72035,14 +71235,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>
@@ -72056,14 +71255,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>
@@ -72077,14 +71275,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>
@@ -72561,13 +71758,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>
       用于表示普通操作信息提示
@@ -72586,13 +71782,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>
       用于表示操作顺利达成
@@ -72611,13 +71806,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>
       用于表示操作引起一定后果
@@ -72636,13 +71830,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>
       用于表示操作引起严重的后果
@@ -72661,13 +71854,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>
       用于帮助用户操作的信息提示
@@ -72696,13 +71888,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 
@@ -72713,13 +71904,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>
@@ -72736,13 +71926,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>
       自定义关闭按钮（文字）
@@ -72764,13 +71953,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>
       自定义关闭按钮（函数）
@@ -72801,13 +71989,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>
        自定义关闭按钮（插槽） 
@@ -73482,13 +72669,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>
     用户表示普通操作信息提示
@@ -73504,13 +72690,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>
     用户表示操作顺利达成
@@ -73526,13 +72711,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>
     用户表示操作引起一定后果
@@ -73548,13 +72732,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>
     用户表示操作引起严重的后果
@@ -73570,13 +72753,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>
     用于帮助用户操作的信息提示
@@ -73638,13 +72820,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>
@@ -73684,13 +72865,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>
@@ -73735,13 +72915,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>
@@ -73778,13 +72957,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>
@@ -73823,13 +73001,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>
@@ -73872,13 +73049,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>
@@ -73988,13 +73164,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>
@@ -74034,13 +73209,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>
@@ -74082,13 +73256,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>
@@ -74135,13 +73308,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>
@@ -74189,13 +73361,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>
@@ -74259,13 +73430,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>
@@ -74305,13 +73475,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>
@@ -74351,13 +73520,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>
@@ -74397,13 +73565,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>
@@ -74487,13 +73654,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>
@@ -74547,13 +73713,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>
@@ -74575,13 +73740,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>
@@ -74607,13 +73771,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>
@@ -74667,13 +73830,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>
@@ -75058,13 +74220,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>
@@ -75104,13 +74265,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>
@@ -75182,13 +74342,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>
@@ -75225,13 +74384,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>
@@ -75268,13 +74426,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>
@@ -75311,13 +74468,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>
@@ -75478,13 +74634,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>
@@ -75539,13 +74694,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>
@@ -75618,13 +74772,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>
@@ -75635,13 +74788,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>
@@ -75676,13 +74828,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>
@@ -75693,13 +74844,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>
@@ -75777,13 +74927,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>
@@ -75848,13 +74997,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>
@@ -75971,13 +75119,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>
@@ -76016,13 +75163,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>
@@ -76040,13 +75186,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>
@@ -76159,13 +75304,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>
@@ -76205,13 +75349,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>
@@ -76288,13 +75431,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>
@@ -76339,13 +75481,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>
@@ -76459,13 +75600,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>
@@ -76504,13 +75644,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>
@@ -76527,13 +75666,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>
@@ -76623,13 +75761,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>
@@ -76648,13 +75785,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>
@@ -76690,13 +75826,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>
@@ -76713,13 +75848,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>
@@ -76801,13 +75935,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>
@@ -76847,13 +75980,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>
@@ -76933,13 +76065,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>
@@ -76978,13 +76109,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>
@@ -77001,13 +76131,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>
@@ -77191,13 +76320,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>
@@ -77210,13 +76338,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>
@@ -77229,13 +76356,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>
@@ -77313,13 +76439,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>
@@ -77367,13 +76492,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>
@@ -77449,13 +76573,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>
@@ -77503,13 +76626,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>
@@ -77584,13 +76706,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>
@@ -77609,13 +76730,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>
@@ -77651,13 +76771,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>
@@ -77674,13 +76793,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>
@@ -78837,13 +77955,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>
@@ -78913,13 +78030,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>
@@ -78989,13 +78105,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>
@@ -79643,13 +78758,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>
@@ -79684,13 +78798,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>
@@ -79725,13 +78838,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>
@@ -80100,13 +79212,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>
@@ -80158,13 +79269,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>
@@ -80216,13 +79326,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>
@@ -80396,13 +79505,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>
@@ -80442,13 +79550,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>
@@ -80512,13 +79619,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>
@@ -80558,13 +79664,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>
@@ -80628,13 +79733,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>
@@ -80682,13 +79786,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>
@@ -80709,13 +79812,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>
@@ -82487,13 +81589,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>
@@ -82505,13 +81606,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>
@@ -82529,13 +81629,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>
@@ -82547,13 +81646,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>
@@ -82571,13 +81669,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>
@@ -82589,13 +81686,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>
@@ -82613,13 +81709,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>
@@ -82631,13 +81726,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>
@@ -82655,13 +81749,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>
@@ -82673,13 +81766,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>
@@ -82709,13 +81801,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>
@@ -82727,13 +81818,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>
@@ -82751,13 +81841,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>
@@ -82769,13 +81858,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>
@@ -82793,13 +81881,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>
@@ -82811,13 +81898,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>
@@ -82835,13 +81921,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>
@@ -82853,13 +81938,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>
@@ -82877,13 +81961,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>
@@ -82895,13 +81978,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>
@@ -82919,13 +82001,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>
@@ -82937,13 +82018,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>
@@ -82961,13 +82041,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>
@@ -82979,13 +82058,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>
@@ -83022,13 +82100,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>
@@ -83040,13 +82117,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>
@@ -83064,13 +82140,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>
@@ -83082,13 +82157,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>
@@ -83106,13 +82180,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>
@@ -83124,13 +82197,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>
@@ -83148,13 +82220,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>
@@ -83166,13 +82237,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>
@@ -83190,13 +82260,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>
@@ -83208,13 +82277,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>
@@ -83245,13 +82313,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>
@@ -83263,13 +82330,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>
@@ -83287,13 +82353,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>
@@ -83305,13 +82370,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>
@@ -83329,13 +82393,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>
@@ -83347,13 +82410,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>
@@ -83371,13 +82433,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>
@@ -83389,13 +82450,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>
@@ -83413,13 +82473,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>
@@ -83431,13 +82490,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>
@@ -83468,13 +82526,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>
@@ -83486,13 +82543,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>
@@ -83510,13 +82566,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>
@@ -83528,13 +82583,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>
@@ -83552,13 +82606,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>
@@ -83570,13 +82623,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>
@@ -83594,13 +82646,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>
@@ -83612,13 +82663,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>
@@ -83636,13 +82686,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>
@@ -83654,13 +82703,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>
@@ -83706,13 +82754,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>
@@ -83724,13 +82771,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>
@@ -83748,13 +82794,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>
@@ -83766,13 +82811,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>
@@ -83790,13 +82834,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>
@@ -83808,13 +82851,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>
@@ -83832,13 +82874,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>
@@ -83850,13 +82891,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>
@@ -83874,13 +82914,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>
@@ -83892,13 +82931,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>
@@ -83936,13 +82974,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>
@@ -83954,13 +82991,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>
@@ -83978,13 +83014,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>
@@ -83996,13 +83031,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>
@@ -84020,13 +83054,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>
@@ -84038,13 +83071,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>
@@ -84062,13 +83094,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>
@@ -84080,13 +83111,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>
@@ -84104,13 +83134,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>
@@ -84122,13 +83151,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>
@@ -84174,13 +83202,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>
@@ -84192,13 +83219,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>
@@ -84216,13 +83242,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>
@@ -84234,13 +83259,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>
@@ -84258,13 +83282,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>
@@ -84276,13 +83299,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>
@@ -84300,13 +83322,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>
@@ -84318,13 +83339,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>
@@ -84342,13 +83362,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>
@@ -84360,13 +83379,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>
@@ -84404,13 +83422,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>
@@ -84422,13 +83439,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>
@@ -84446,13 +83462,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>
@@ -84464,13 +83479,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>
@@ -84488,13 +83502,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>
@@ -84506,13 +83519,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>
@@ -84530,13 +83542,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>
@@ -84548,13 +83559,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>
@@ -84572,13 +83582,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>
@@ -84590,13 +83599,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>
@@ -84634,13 +83642,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>
@@ -84652,13 +83659,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>
@@ -84676,13 +83682,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>
@@ -84694,13 +83699,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>
@@ -84718,13 +83722,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>
@@ -84736,13 +83739,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>
@@ -84760,13 +83762,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>
@@ -84778,13 +83779,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>
@@ -84802,13 +83802,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>
@@ -84820,13 +83819,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>
@@ -84858,13 +83856,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>
@@ -84876,13 +83873,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>
@@ -84900,13 +83896,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>
@@ -84918,13 +83913,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>
@@ -84942,13 +83936,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>
@@ -84960,13 +83953,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>
@@ -84984,13 +83976,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>
@@ -85002,13 +83993,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 +84016,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>
@@ -85044,13 +84033,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>
@@ -85210,13 +84198,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>
@@ -85283,13 +84270,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>
@@ -85354,13 +84340,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>
@@ -85666,13 +84651,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>
@@ -85686,13 +84670,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>
@@ -85706,13 +84689,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>
@@ -85772,13 +84754,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>
@@ -85792,13 +84773,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>
@@ -85812,13 +84792,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>
@@ -85832,13 +84811,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>
@@ -86304,13 +85282,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>
@@ -86433,13 +85410,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>
@@ -86453,13 +85429,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>
@@ -86519,13 +85494,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>
@@ -86539,13 +85513,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>
@@ -86559,13 +85532,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>
@@ -86579,13 +85551,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>
@@ -86599,13 +85570,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>
@@ -86619,13 +85589,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>
@@ -86685,13 +85654,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>
@@ -86705,13 +85673,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>
@@ -87787,13 +86754,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>
@@ -87834,13 +86800,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>
@@ -87876,13 +86841,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>
@@ -87911,13 +86875,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>
@@ -87982,13 +86945,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>
@@ -88046,13 +87008,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>
@@ -88103,13 +87064,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>
@@ -88123,13 +87083,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>
@@ -88180,13 +87139,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>
@@ -88200,13 +87158,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>
@@ -88220,13 +87177,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>
@@ -88286,15 +87242,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 
@@ -88341,15 +87295,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 
@@ -88359,13 +87311,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>
@@ -88382,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>
                    tdesign-react 
@@ -88400,13 +87349,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>
@@ -88449,15 +87397,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
@@ -88471,13 +87417,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>
@@ -88496,15 +87441,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
@@ -88518,13 +87461,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>
@@ -88543,15 +87485,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
@@ -88565,13 +87505,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>
@@ -88623,13 +87562,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>
@@ -88643,13 +87581,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>
@@ -88663,13 +87600,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>
@@ -88683,13 +87619,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>
@@ -88703,13 +87638,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>
@@ -88723,13 +87657,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>
@@ -88780,13 +87713,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>
@@ -88800,13 +87732,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>
@@ -88820,13 +87751,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>
@@ -88840,13 +87770,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>
@@ -88860,13 +87789,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>
@@ -88880,13 +87808,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>
@@ -88949,14 +87876,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>
@@ -89016,14 +87942,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>
@@ -89159,13 +88084,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>
@@ -89179,13 +88103,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>
@@ -89199,13 +88122,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>
@@ -89227,13 +88149,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>
@@ -89274,14 +88195,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>
@@ -90694,13 +89614,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>
@@ -90732,13 +89651,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>
@@ -90804,13 +89722,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>
@@ -90842,13 +89759,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>
@@ -90867,13 +89783,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>
@@ -90905,13 +89820,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>
@@ -90976,13 +89890,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>
@@ -91009,13 +89922,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>
@@ -91082,13 +89994,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>
@@ -91115,13 +90026,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>
@@ -91140,13 +90050,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>
@@ -91173,13 +90082,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>
@@ -92631,13 +91539,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>
@@ -92821,18 +91728,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>
@@ -92868,13 +91769,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>
@@ -92910,13 +91810,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>
@@ -92952,18 +91851,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>
@@ -93128,13 +92021,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>
@@ -93290,13 +92182,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>
@@ -93438,13 +92329,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>
@@ -93484,13 +92374,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>
@@ -93614,13 +92503,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>
@@ -93770,13 +92658,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>
@@ -93816,13 +92703,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>
@@ -93862,13 +92748,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>
@@ -94220,13 +93105,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>
@@ -94451,13 +93335,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>
@@ -94498,13 +93381,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>
@@ -94552,13 +93434,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
@@ -94574,13 +93455,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
@@ -94596,18 +93476,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
@@ -94640,13 +93514,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>
@@ -94657,13 +93530,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>
@@ -94674,18 +93546,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>
@@ -94713,13 +93579,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
@@ -94735,13 +93600,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
@@ -94757,18 +93621,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
@@ -94793,13 +93651,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
@@ -94815,13 +93672,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
@@ -94837,18 +93693,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
@@ -95011,13 +93861,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>
@@ -95033,13 +93882,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>
@@ -95281,13 +94129,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>
@@ -95305,13 +94152,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>
@@ -95337,13 +94183,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>
@@ -95361,13 +94206,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>
@@ -95770,13 +94614,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>
                   审批通过
@@ -95833,13 +94676,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>
                   审批失败
@@ -95896,13 +94738,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>
                   审批过期
@@ -95959,13 +94800,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>
                   审批通过
@@ -96022,13 +94862,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>
                   审批失败
@@ -96180,13 +95019,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>
@@ -96241,13 +95079,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>
@@ -96465,13 +95302,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>
                   审批通过
@@ -96517,13 +95353,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>
                   审批失败
@@ -96569,13 +95404,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>
                   审批过期
@@ -96621,13 +95455,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>
                   审批通过
@@ -96673,13 +95506,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>
                   审批失败
@@ -97082,13 +95914,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>
                     审批通过
@@ -97134,13 +95965,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>
                     审批失败
@@ -97186,13 +96016,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>
                     审批过期
@@ -97238,13 +96067,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>
                     审批通过
@@ -97290,13 +96118,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>
                     审批失败
@@ -97401,13 +96228,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>
@@ -97452,13 +96278,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>
@@ -97587,14 +96412,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>
                    审批通过 
@@ -97642,14 +96466,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>
                    审批失败 
@@ -97697,14 +96520,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>
                    审批过期 
@@ -97752,14 +96574,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>
                    审批通过 
@@ -97807,14 +96628,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>
                    审批失败 
@@ -97978,13 +96798,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>
                   审批通过
@@ -98030,13 +96849,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>
                   审批失败
@@ -98082,13 +96900,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>
                   审批过期
@@ -98134,13 +96951,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>
                   审批通过
@@ -98186,13 +97002,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>
                   审批失败
@@ -98297,13 +97112,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>
@@ -98342,13 +97156,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>
@@ -98365,13 +97178,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>
@@ -98561,18 +97373,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
@@ -98688,13 +97494,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>
                   审批通过
@@ -98740,13 +97545,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>
                   审批失败
@@ -98792,13 +97596,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>
                   审批过期
@@ -98844,13 +97647,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>
                   审批通过
@@ -98896,13 +97698,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>
                   审批失败
@@ -99007,13 +97808,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>
@@ -99052,13 +97852,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>
@@ -99075,13 +97874,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>
@@ -99282,13 +98080,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>
                   审批通过
@@ -99330,13 +98127,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>
                   审批失败
@@ -99378,13 +98174,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>
                   审批过期
@@ -99426,13 +98221,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>
                   审批通过
@@ -99474,13 +98268,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>
                   审批失败
@@ -99589,20 +98382,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>
@@ -99678,13 +98464,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>
                 审批通过
@@ -99726,13 +98511,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>
                 审批失败
@@ -99774,13 +98558,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>
                 审批过期
@@ -99822,13 +98605,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>
                 审批通过
@@ -99870,13 +98652,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>
                 审批失败
@@ -100014,13 +98795,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>
@@ -100032,13 +98812,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>
@@ -100078,13 +98857,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>
@@ -100096,13 +98874,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>
@@ -100170,13 +98947,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>
                     审批通过
@@ -100227,13 +99003,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>
                     审批失败
@@ -100284,13 +99059,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>
                     审批过期
@@ -100341,13 +99115,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>
                     审批通过
@@ -100508,13 +99281,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>
                     审批通过
@@ -100560,13 +99332,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>
                     审批失败
@@ -100612,13 +99383,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>
                     审批过期
@@ -100664,13 +99434,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>
                     审批通过
@@ -100827,13 +99596,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>
                     审批通过
@@ -100880,13 +99648,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>
                     审批失败
@@ -100933,13 +99700,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>
                     审批过期
@@ -100986,13 +99752,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>
                     审批通过
@@ -101175,13 +99940,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>
@@ -101202,13 +99966,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>
                     审批通过
@@ -101247,13 +100010,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>
@@ -101274,13 +100036,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>
                     审批失败
@@ -101319,13 +100080,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>
@@ -101346,13 +100106,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>
                     审批过期
@@ -101391,13 +100150,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>
@@ -101418,13 +100176,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>
                     审批通过
@@ -101581,18 +100338,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>
@@ -101627,13 +100379,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.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>
@@ -101677,18 +100428,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>
@@ -101731,18 +100477,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>
@@ -101777,13 +100518,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.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>
@@ -101827,18 +100567,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>
@@ -101913,18 +100648,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>
@@ -101959,13 +100689,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.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>
@@ -102016,18 +100745,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>
@@ -102070,18 +100794,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>
@@ -102116,13 +100835,12 @@ exports[`csr snapshot test > csr test ./src/table/_example/editable-cell.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>
@@ -102166,18 +100884,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>
@@ -102408,13 +101121,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>
@@ -102483,13 +101195,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>
@@ -102915,13 +101626,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>
                   审批通过
@@ -102998,13 +101708,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>
                   审批失败
@@ -103081,13 +101790,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>
                   审批过期
@@ -103164,13 +101872,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>
                   审批通过
@@ -103247,13 +101954,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>
                   审批失败
@@ -103950,18 +102656,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>
@@ -103982,13 +102682,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>
                   审批通过
@@ -104039,18 +102738,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>
@@ -104071,13 +102764,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>
                   审批失败
@@ -104128,18 +102820,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>
@@ -104160,13 +102846,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>
                   审批过期
@@ -104217,18 +102902,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>
@@ -104249,13 +102928,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>
                   审批通过
@@ -104306,18 +102984,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>
@@ -104338,13 +103010,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>
                   审批失败
@@ -104588,13 +103259,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>
@@ -104629,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>
@@ -104670,13 +103339,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>
@@ -104714,13 +103382,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>
@@ -104731,13 +103398,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>
@@ -104749,13 +103415,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>
@@ -104788,13 +103453,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>
                   审批通过
@@ -104836,13 +103500,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>
                   审批失败
@@ -104884,13 +103547,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>
                   审批过期
@@ -104932,13 +103594,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>
                   审批通过
@@ -104980,13 +103641,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>
                   审批失败
@@ -105332,13 +103992,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>
                   审批通过
@@ -105391,13 +104050,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>
                   审批失败
@@ -105450,13 +104108,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>
                   审批过期
@@ -105509,13 +104166,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>
                   审批通过
@@ -105568,13 +104224,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>
                   审批失败
@@ -105820,13 +104475,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>
                   审批通过
@@ -105882,13 +104536,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>
                   审批失败
@@ -105944,13 +104597,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>
                   审批过期
@@ -106006,13 +104658,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>
                   审批通过
@@ -106068,13 +104719,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>
                   审批失败
@@ -106130,13 +104780,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>
                   审批过期
@@ -106192,13 +104841,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>
                   审批通过
@@ -106254,13 +104902,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>
                   审批失败
@@ -106316,13 +104963,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>
                   审批过期
@@ -106378,13 +105024,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>
                   审批通过
@@ -106440,13 +105085,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>
                   审批失败
@@ -106502,13 +105146,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>
                   审批过期
@@ -106564,13 +105207,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>
                   审批通过
@@ -106626,13 +105268,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>
                   审批失败
@@ -106688,13 +105329,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>
                   审批过期
@@ -106750,13 +105390,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>
                   审批通过
@@ -106812,13 +105451,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>
                   审批失败
@@ -106874,13 +105512,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>
                   审批过期
@@ -106936,13 +105573,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>
                   审批通过
@@ -106998,13 +105634,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>
                   审批失败
@@ -107340,13 +105975,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>
                   审批通过
@@ -107404,13 +106038,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>
                   审批失败
@@ -107468,13 +106101,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>
                   审批过期
@@ -107532,13 +106164,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>
                   审批通过
@@ -107596,13 +106227,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>
                   审批失败
@@ -107660,13 +106290,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>
                   审批过期
@@ -107724,13 +106353,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>
                   审批通过
@@ -107788,13 +106416,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>
                   审批失败
@@ -107852,13 +106479,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>
                   审批过期
@@ -107916,13 +106542,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>
                   审批通过
@@ -107980,13 +106605,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>
                   审批失败
@@ -108044,13 +106668,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>
                   审批过期
@@ -108108,13 +106731,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>
                   审批通过
@@ -108172,13 +106794,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>
                   审批失败
@@ -115970,13 +114591,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>
                 审批通过
@@ -116018,13 +114638,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>
                 审批失败
@@ -116069,13 +114688,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>
                 审批过期
@@ -116107,13 +114725,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>
                 审批通过
@@ -116161,13 +114778,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>
                 审批失败
@@ -116209,13 +114825,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>
                 审批过期
@@ -116397,18 +115012,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
@@ -116592,13 +115201,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>
@@ -116609,13 +115217,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>
@@ -116663,13 +115270,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>
@@ -116764,13 +115370,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>
                   审批通过
@@ -116851,13 +115456,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>
                   审批失败
@@ -116938,13 +115542,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>
                   审批过期
@@ -117025,13 +115628,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>
                   审批通过
@@ -117112,13 +115714,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>
                   审批失败
@@ -117199,13 +115800,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>
                   审批过期
@@ -117286,13 +115886,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>
                   审批通过
@@ -117373,13 +115972,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>
                   审批失败
@@ -117460,13 +116058,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>
                   审批过期
@@ -117547,13 +116144,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>
                   审批通过
@@ -117634,13 +116230,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>
                   审批失败
@@ -117721,13 +116316,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>
                   审批过期
@@ -117808,13 +116402,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>
                   审批通过
@@ -117895,13 +116488,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>
                   审批失败
@@ -117982,13 +116574,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>
                   审批过期
@@ -118069,13 +116660,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>
                   审批通过
@@ -118156,13 +116746,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>
                   审批失败
@@ -118243,13 +116832,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>
                   审批过期
@@ -118330,13 +116918,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>
                   审批通过
@@ -118417,13 +117004,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>
                   审批失败
@@ -118504,13 +117090,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>
                   审批过期
@@ -118591,13 +117176,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>
                   审批通过
@@ -118678,13 +117262,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>
                   审批失败
@@ -118765,13 +117348,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>
                   审批过期
@@ -118852,13 +117434,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>
                   审批通过
@@ -118939,13 +117520,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>
                   审批失败
@@ -119026,13 +117606,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>
                   审批过期
@@ -119113,13 +117692,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>
                   审批通过
@@ -119200,13 +117778,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>
                   审批失败
@@ -119287,13 +117864,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>
                   审批过期
@@ -119462,13 +118038,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>
@@ -119479,13 +118054,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>
@@ -119524,13 +118098,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>
@@ -119541,13 +118114,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>
@@ -119615,13 +118187,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>
                     审批通过
@@ -119672,13 +118243,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>
                     审批失败
@@ -119729,13 +118299,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>
                     审批过期
@@ -119786,13 +118355,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>
                     审批通过
@@ -119843,13 +118411,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>
                     审批失败
@@ -120092,13 +118659,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>
                     审批过期
@@ -120161,13 +118727,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>
                     审批通过
@@ -120230,13 +118795,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>
                     审批失败
@@ -120299,13 +118863,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>
                     审批过期
@@ -120368,13 +118931,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>
                     审批通过
@@ -120490,13 +119052,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>
@@ -120535,13 +119096,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>
@@ -120558,13 +119118,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>
@@ -120814,13 +119373,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>
@@ -120841,13 +119399,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>
@@ -121063,13 +119620,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>
                   审批通过
@@ -121136,13 +119692,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>
                   审批失败
@@ -121209,13 +119764,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>
                   审批过期
@@ -121282,13 +119836,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>
                   审批通过
@@ -121355,13 +119908,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>
                   审批失败
@@ -121548,13 +120100,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>
                   审批通过
@@ -121622,13 +120173,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>
                   审批失败
@@ -121696,13 +120246,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>
                   审批过期
@@ -121770,13 +120319,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>
                   审批通过
@@ -121844,13 +120392,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>
                   审批失败
@@ -121992,13 +120539,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>
@@ -122009,13 +120555,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>
@@ -122054,13 +120599,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>
@@ -122071,13 +120615,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>
@@ -122131,13 +120674,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>
                   审批通过
@@ -122179,13 +120721,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>
                   审批失败
@@ -122227,13 +120768,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>
                   审批过期
@@ -122275,13 +120815,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>
                   审批通过
@@ -122442,13 +120981,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>
                   审批通过
@@ -122499,13 +121037,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>
                   审批失败
@@ -122557,13 +121094,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>
                   审批过期
@@ -122614,13 +121150,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>
                   审批通过
@@ -122671,13 +121206,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>
                   审批失败
@@ -122929,13 +121463,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>
@@ -123035,13 +121568,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>
@@ -123071,18 +121603,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>
@@ -123157,13 +121683,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>
@@ -123193,18 +121718,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>
@@ -123279,13 +121798,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>
@@ -123315,18 +121833,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>
@@ -123407,13 +121919,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>
@@ -123443,18 +121954,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>
@@ -123529,13 +122034,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>
@@ -123565,18 +122069,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>
@@ -123657,13 +122155,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>
@@ -123693,18 +122190,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>
@@ -123786,18 +122277,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"
-              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
@@ -123882,13 +122367,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>
@@ -123909,13 +122393,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>
@@ -124174,18 +122657,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>
@@ -124230,18 +122707,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>
@@ -124259,13 +122730,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>
                     审批通过
@@ -124296,18 +122766,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>
@@ -124352,18 +122816,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>
@@ -124381,13 +122839,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>
                     审批失败
@@ -124418,18 +122875,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>
@@ -124474,18 +122925,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>
@@ -124503,13 +122948,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>
                     审批过期
@@ -124540,18 +122984,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>
@@ -124596,18 +123034,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>
@@ -124625,13 +123057,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>
                     审批通过
@@ -124662,18 +123093,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>
@@ -124718,18 +123143,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>
@@ -124747,13 +123166,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>
                     审批失败
@@ -124784,18 +123202,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>
@@ -124840,18 +123252,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>
@@ -124869,13 +123275,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>
                     审批过期
@@ -124906,18 +123311,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>
@@ -124962,18 +123361,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>
@@ -124991,13 +123384,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>
                     审批通过
@@ -125028,18 +123420,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>
@@ -125084,18 +123470,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>
@@ -125113,13 +123493,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>
                     审批失败
@@ -125150,18 +123529,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>
@@ -125206,18 +123579,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>
@@ -125235,13 +123602,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>
                     审批过期
@@ -125272,18 +123638,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>
@@ -125328,18 +123688,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>
@@ -125357,13 +123711,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>
                     审批通过
@@ -125394,18 +123747,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>
@@ -125450,18 +123797,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>
@@ -125479,13 +123820,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>
                     审批失败
@@ -125516,18 +123856,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>
@@ -125572,18 +123906,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>
@@ -125601,13 +123929,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>
                     审批过期
@@ -125638,18 +123965,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>
@@ -125694,18 +124015,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>
@@ -125723,13 +124038,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>
                     审批通过
@@ -125760,18 +124074,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>
@@ -125816,18 +124124,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>
@@ -125845,13 +124147,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>
                     审批失败
@@ -125882,18 +124183,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>
@@ -125938,18 +124233,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>
@@ -125967,13 +124256,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>
                     审批过期
@@ -126004,18 +124292,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>
@@ -126060,18 +124342,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>
@@ -126089,13 +124365,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>
                     审批通过
@@ -126126,18 +124401,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>
@@ -126182,18 +124451,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>
@@ -126211,13 +124474,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>
                     审批失败
@@ -126248,18 +124510,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>
@@ -126304,18 +124560,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>
@@ -126333,13 +124583,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>
                     审批过期
@@ -126370,18 +124619,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>
@@ -126426,18 +124669,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>
@@ -126455,13 +124692,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>
                     审批通过
@@ -126492,18 +124728,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>
@@ -126548,18 +124778,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>
@@ -126577,13 +124801,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>
                     审批失败
@@ -126614,18 +124837,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>
@@ -126670,18 +124887,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>
@@ -126699,13 +124910,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>
                     审批过期
@@ -126736,18 +124946,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>
@@ -126792,18 +124996,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>
@@ -126821,13 +125019,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>
                     审批通过
@@ -126858,18 +125055,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>
@@ -126914,18 +125105,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>
@@ -126943,13 +125128,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>
                     审批失败
@@ -126980,18 +125164,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>
@@ -127036,18 +125214,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>
@@ -127065,13 +125237,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>
                     审批过期
@@ -127102,18 +125273,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>
@@ -127158,18 +125323,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>
@@ -127187,13 +125346,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>
                     审批通过
@@ -127224,18 +125382,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>
@@ -127280,18 +125432,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>
@@ -127309,13 +125455,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>
                     审批失败
@@ -127346,18 +125491,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>
@@ -127402,18 +125541,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>
@@ -127431,13 +125564,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>
                     审批过期
@@ -127468,18 +125600,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>
@@ -127524,18 +125650,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>
@@ -127553,13 +125673,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>
                     审批通过
@@ -127590,18 +125709,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>
@@ -127646,18 +125759,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>
@@ -127675,13 +125782,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>
                     审批失败
@@ -127712,18 +125818,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>
@@ -127768,18 +125868,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>
@@ -127797,13 +125891,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>
                     审批过期
@@ -128017,13 +126110,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>
                     审批通过
@@ -128070,13 +126162,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>
                     审批失败
@@ -128123,13 +126214,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>
                     审批过期
@@ -128176,13 +126266,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>
                     审批通过
@@ -128229,13 +126318,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>
                     审批失败
@@ -128282,13 +126370,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>
                     审批过期
@@ -128335,13 +126422,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>
                     审批通过
@@ -128388,13 +126474,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>
                     审批失败
@@ -128441,13 +126526,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>
                     审批过期
@@ -128494,13 +126578,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>
                     审批通过
@@ -128547,13 +126630,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>
                     审批失败
@@ -128600,13 +126682,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>
                     审批过期
@@ -128653,13 +126734,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>
                     审批通过
@@ -128706,13 +126786,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>
                     审批失败
@@ -128759,13 +126838,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>
                     审批过期
@@ -128812,13 +126890,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>
                     审批通过
@@ -128865,13 +126942,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>
                     审批失败
@@ -128918,13 +126994,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>
                     审批过期
@@ -128971,13 +127046,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>
                     审批通过
@@ -129024,13 +127098,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>
                     审批失败
@@ -129077,13 +127150,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>
                     审批过期
@@ -129130,13 +127202,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>
                     审批通过
@@ -129183,13 +127254,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>
                     审批失败
@@ -129236,13 +127306,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>
                     审批过期
@@ -129289,13 +127358,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>
                     审批通过
@@ -129342,13 +127410,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>
                     审批失败
@@ -129395,13 +127462,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>
                     审批过期
@@ -129448,13 +127514,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>
                     审批通过
@@ -129501,13 +127566,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>
                     审批失败
@@ -129554,13 +127618,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>
                     审批过期
@@ -130064,13 +128127,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>
@@ -130275,13 +128337,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>
@@ -131047,13 +129108,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>
@@ -131072,13 +129132,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>
@@ -131097,13 +129156,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>
@@ -131122,13 +129180,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>
@@ -131157,13 +129214,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>
@@ -131182,13 +129238,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>
@@ -131207,13 +129262,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>
@@ -131232,13 +129286,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>
@@ -131267,13 +129320,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>
@@ -131292,13 +129344,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>
@@ -131317,13 +129368,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>
@@ -131342,13 +129392,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>
@@ -131380,13 +129429,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>
@@ -131403,20 +129451,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"
+              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"
-            />
-            <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"
-              data-v-48c2675e=""
-              fill="currentColor"
-              fill-opacity="0.9"
             />
           </svg>
           <span
@@ -131429,13 +129470,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>
@@ -131471,14 +129511,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>
            添加标签 
@@ -131532,18 +129571,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>
@@ -131561,18 +129594,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>
@@ -132051,13 +130078,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>
@@ -132071,13 +130097,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>
@@ -132123,13 +130148,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>
@@ -132143,13 +130167,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>
@@ -132194,13 +130217,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>
@@ -132214,13 +130236,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>
@@ -132265,13 +130286,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>
@@ -132285,13 +130305,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>
@@ -132339,13 +130358,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>
@@ -132392,13 +130410,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>
@@ -132412,13 +130429,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>
@@ -132465,13 +130481,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>
@@ -132485,13 +130500,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>
@@ -132505,13 +130519,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>
@@ -132572,13 +130585,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>
@@ -132598,13 +130610,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>
@@ -132658,13 +130669,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>
@@ -132685,13 +130695,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>
@@ -132712,13 +130721,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>
@@ -132770,13 +130778,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>
@@ -132795,13 +130802,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>
@@ -132820,13 +130826,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>
@@ -132876,13 +130881,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>
@@ -132901,13 +130905,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>
@@ -132926,13 +130929,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>
@@ -132951,13 +130953,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>
@@ -133011,13 +131012,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>
@@ -133031,13 +131031,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>
@@ -133082,13 +131081,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>
@@ -133102,13 +131100,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>
@@ -133183,13 +131180,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>
@@ -133203,13 +131199,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>
@@ -133249,13 +131244,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>
@@ -133269,13 +131263,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>
@@ -133315,13 +131308,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>
@@ -133335,13 +131327,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>
@@ -133511,13 +131502,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>
@@ -133531,13 +131521,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>
@@ -133551,13 +131540,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>
@@ -133609,13 +131597,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>
@@ -133629,13 +131616,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>
@@ -133649,13 +131635,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>
@@ -133707,13 +131692,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>
@@ -133727,13 +131711,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>
@@ -133747,13 +131730,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>
@@ -133807,13 +131789,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>
@@ -133827,13 +131808,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>
@@ -133847,13 +131827,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>
@@ -133893,13 +131872,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>
@@ -133913,13 +131891,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>
@@ -133933,13 +131910,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>
@@ -133979,13 +131955,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>
@@ -133999,13 +131974,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>
@@ -134019,13 +131993,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>
@@ -134065,13 +132038,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>
@@ -134085,13 +132057,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>
@@ -134105,13 +132076,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>
@@ -134407,18 +132377,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"
-                  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>
@@ -134460,18 +132424,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"
-                  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>
@@ -134528,18 +132486,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"
-                  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>
@@ -134588,18 +132540,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"
-                  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>
@@ -134658,18 +132604,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"
-                  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>
@@ -134718,18 +132658,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"
-                  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>
@@ -134778,18 +132712,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"
-                  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>
@@ -134832,18 +132760,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"
-              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>
@@ -134898,18 +132820,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"
-                  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>
@@ -134958,18 +132874,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"
-                  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>
@@ -135026,18 +132936,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"
-                  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>
@@ -135086,18 +132990,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"
-                  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>
@@ -135140,18 +133038,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"
-              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>
@@ -135205,18 +133097,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>
@@ -135265,18 +133151,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>
@@ -135429,18 +133309,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>
@@ -135483,18 +133357,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>
@@ -135535,18 +133403,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>
@@ -135587,18 +133449,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>
@@ -135639,18 +133495,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>
@@ -136080,13 +133930,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>
@@ -136118,13 +133967,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>
@@ -136156,13 +134004,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>
@@ -136194,18 +134041,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"
+                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"
-              />
-              <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"
-                fill="currentColor"
-                fill-opacity="0.9"
               />
             </svg>
           </div>
@@ -137861,13 +135702,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>
@@ -137880,13 +135720,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>
@@ -138423,13 +136262,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>
@@ -138442,13 +136280,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>
@@ -139620,13 +137457,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>
@@ -139639,13 +137475,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>
@@ -139974,13 +137809,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>
@@ -139993,13 +137827,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>
@@ -140342,13 +138175,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>
@@ -140361,13 +138193,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>
@@ -140489,13 +138320,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>
@@ -140508,13 +138338,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>
@@ -140841,13 +138670,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>
@@ -140895,13 +138723,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>
@@ -140923,13 +138750,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>
@@ -140942,13 +138768,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>
@@ -141063,13 +138888,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>
@@ -141523,13 +139347,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>
@@ -141542,13 +139365,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>
@@ -141609,13 +139431,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>
@@ -142122,13 +139943,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>
@@ -142141,13 +139961,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>
@@ -142475,13 +140294,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>
@@ -142494,13 +140312,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>
@@ -142832,13 +140649,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>
@@ -142914,13 +140730,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>
@@ -142962,13 +140777,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>
@@ -143078,13 +140892,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>
@@ -143198,13 +141011,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>
@@ -143217,13 +141029,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>
@@ -143418,13 +141229,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>
@@ -143501,13 +141311,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>
@@ -143617,13 +141426,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>
@@ -143654,13 +141462,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>
@@ -143691,13 +141498,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>
@@ -143728,13 +141534,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>
@@ -143988,13 +141793,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>
@@ -144036,13 +141840,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>
@@ -144084,13 +141887,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>
@@ -144200,13 +142002,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>
@@ -144316,13 +142117,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>
@@ -144364,13 +142164,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>
@@ -144480,13 +142279,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>
@@ -144596,13 +142394,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>
@@ -144906,13 +142703,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>
@@ -144955,13 +142751,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>
@@ -145004,13 +142799,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>
@@ -145120,13 +142914,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>
@@ -145168,13 +142961,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>
@@ -145216,13 +143008,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>
@@ -145504,13 +143295,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>
@@ -145552,13 +143342,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 +143457,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>
@@ -145784,13 +143572,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>
@@ -146043,13 +143830,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>
@@ -146080,13 +143866,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>
@@ -146314,13 +144099,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>
@@ -146391,13 +144175,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>
@@ -146468,13 +144251,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>
@@ -147134,13 +144916,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>
@@ -147215,13 +144996,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>
@@ -148971,13 +146751,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>
@@ -149299,13 +147078,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>
@@ -149348,13 +147126,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>
@@ -149467,13 +147244,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>
@@ -149586,13 +147362,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>
@@ -149778,13 +147553,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>
@@ -149826,13 +147600,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>
@@ -149942,13 +147715,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>
@@ -150058,13 +147830,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>
@@ -150210,13 +147981,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>
@@ -150247,13 +148017,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>
@@ -150284,13 +148053,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>
@@ -150367,13 +148135,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>
@@ -150450,13 +148217,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>
@@ -150781,13 +148547,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>
@@ -150818,13 +148583,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>
@@ -150901,13 +148665,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>
@@ -150984,13 +148747,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>
@@ -151100,13 +148862,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>
@@ -151137,13 +148898,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>
@@ -151174,13 +148934,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>
@@ -151211,13 +148970,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>
@@ -151401,13 +149159,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>
@@ -151438,13 +149195,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>
@@ -151597,13 +149353,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>
@@ -151634,13 +149389,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>
@@ -151784,13 +149538,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>
@@ -151821,13 +149574,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>
@@ -152098,13 +149850,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>
@@ -152187,13 +149938,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>
@@ -152308,13 +150058,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>
@@ -152436,13 +150185,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>
@@ -152709,13 +150457,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>
@@ -152757,13 +150504,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>
@@ -152940,13 +150686,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>
@@ -153031,13 +150776,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>
@@ -153072,13 +150816,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>
@@ -153113,13 +150856,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>
@@ -153154,13 +150896,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>
@@ -153299,13 +151040,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>
@@ -153457,13 +151197,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>
@@ -153593,13 +151332,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>
@@ -153641,13 +151379,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>
@@ -153692,13 +151429,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>
@@ -153746,13 +151482,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>
@@ -153995,13 +151730,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>
@@ -154213,13 +151947,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>
@@ -154360,13 +152093,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>
@@ -154412,13 +152144,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>
@@ -154468,13 +152199,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>
@@ -154528,13 +152258,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>
@@ -154803,13 +152532,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>
@@ -155992,13 +153720,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>
@@ -156041,13 +153768,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>
@@ -156090,13 +153816,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>
@@ -156206,13 +153931,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>
@@ -156254,13 +153978,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>
@@ -156302,13 +154025,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>
@@ -156526,13 +154248,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>
@@ -156574,13 +154295,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>
@@ -156622,13 +154342,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>
@@ -158384,13 +156103,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>
@@ -158465,13 +156183,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>
@@ -158881,13 +156598,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>
@@ -159297,13 +157013,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>
@@ -159713,13 +157428,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>
@@ -160129,13 +157843,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>
@@ -160608,13 +158321,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>
@@ -160681,13 +158393,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>
@@ -161028,13 +158739,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>
@@ -161051,13 +158761,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>
@@ -161074,13 +158783,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>
@@ -161292,13 +159000,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>
@@ -161312,13 +159019,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>
@@ -161440,13 +159146,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>
@@ -161463,13 +159168,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>
@@ -161660,18 +159364,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
@@ -161716,18 +159414,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
@@ -161751,13 +159443,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>
@@ -161790,18 +159481,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
@@ -161836,18 +159521,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"
+        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
@@ -162029,13 +159708,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>
@@ -162271,18 +159949,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
@@ -162471,13 +160143,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
@@ -162524,13 +160195,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
@@ -162598,20 +160268,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/image.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>
@@ -162633,19 +160295,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
@@ -162658,18 +160318,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>
@@ -162721,13 +160375,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
@@ -162805,18 +160458,12 @@ 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
@@ -162867,20 +160514,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.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>
@@ -162897,37 +160536,33 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.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>
                     <svg
                       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
                       class="t-upload__card-mask-item-divider"
@@ -162940,18 +160575,12 @@ exports[`csr snapshot test > csr test ./src/upload/_example/img-flow-list.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>
@@ -163073,18 +160702,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
@@ -163230,18 +160853,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 efdc8917e..1dbf7ca73 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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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;padding-left:0px;padding-right:0px;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-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 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\\"><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 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 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-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 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,15 +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>"`;
 
@@ -594,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>"`;
 
@@ -624,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>"`;
 
@@ -666,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>"
@@ -697,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>"`;
 
@@ -755,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>"`;
 
@@ -783,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>"`;
 
@@ -811,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>"`;
 
@@ -835,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>"`;
 
@@ -875,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>"`;
 
@@ -901,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>"`;
 
@@ -931,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>"`;
 
@@ -941,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-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><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-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><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-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><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 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-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><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;\\">排序：[
@@ -1011,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>"`;
 
@@ -1043,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>"`;
 
@@ -1057,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>"`;
 
@@ -1075,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>"`;
 
@@ -1103,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>"`;
 
@@ -1159,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>"`;
 
@@ -1239,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 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><span></span></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\\"><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 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 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\\"><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 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></div></div><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><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 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 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><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/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>"`;