From cc30e123473dcd4e969f47d6908a111dbdcaf172 Mon Sep 17 00:00:00 2001
From: Uyarn <uyarnchen@gmail.com>
Date: Thu, 29 Aug 2024 15:06:21 +0800
Subject: [PATCH] chore: fix demo

---
 src/empty/_example-composition/base.vue       |   6 +-
 .../_example-composition/descriptions.vue     |  15 +-
 .../_example-composition/self-defined.vue     |  12 +-
 src/empty/_example-composition/size.vue       |  10 +-
 src/empty/_example/base.vue                   |   6 +-
 src/empty/_example/descriptions.vue           |  11 +-
 src/empty/_example/self-defined.vue           |  12 +-
 src/empty/_example/size.vue                   |   2 +-
 src/empty/empty.md                            |   2 +-
 src/empty/empty.tsx                           |  33 +-
 test/snap/__snapshots__/csr.test.js.snap      | 808 ++++++++++++++++++
 test/snap/__snapshots__/ssr.test.js.snap      |  12 +
 12 files changed, 862 insertions(+), 67 deletions(-)

diff --git a/src/empty/_example-composition/base.vue b/src/empty/_example-composition/base.vue
index 69e581015..e1627e6a0 100644
--- a/src/empty/_example-composition/base.vue
+++ b/src/empty/_example-composition/base.vue
@@ -1,7 +1,3 @@
 <template>
-  <t-space direction="vertical" align="center">
-    <t-empty>
-      <template #title>title</template>
-    </t-empty>
-  </t-space>
+  <t-empty />
 </template>
diff --git a/src/empty/_example-composition/descriptions.vue b/src/empty/_example-composition/descriptions.vue
index 781461735..1f2d49712 100644
--- a/src/empty/_example-composition/descriptions.vue
+++ b/src/empty/_example-composition/descriptions.vue
@@ -1,18 +1,9 @@
 <template>
-  <t-empty :description="description" :title="title">
-    <template #action>
-      <t-button @click="goToIndex">返回首页</t-button>
-    </template>
-  </t-empty>
+  <t-empty :description="description" :title="title"> </t-empty>
 </template>
 <script setup>
 import { ref } from 'vue';
 
-const title = ref('空状态 Empty');
-const description = ref('暂无数据 Description');
-
-function goToIndex() {
-  console.log('go to index');
-  location.href = '/';
-}
+const title = ref('Empty');
+const description = ref('Description');
 </script>
diff --git a/src/empty/_example-composition/self-defined.vue b/src/empty/_example-composition/self-defined.vue
index c35892459..0a0720ce3 100644
--- a/src/empty/_example-composition/self-defined.vue
+++ b/src/empty/_example-composition/self-defined.vue
@@ -11,12 +11,12 @@
       <t-empty description="暂无数据">
         <template #image>
           <div
-            style="
-              width: '64px';
-              height: '64px';
-              background-image: 'url(https://tdesign.gtimg.com/demo/demo-image-1.png)';
-              background-size: '100% 100%';
-            "
+            :style="{
+              width: '64px',
+              height: '64px',
+              backgroundImage: 'url(https://tdesign.gtimg.com/demo/demo-image-1.png)',
+              backgroundSize: '100% 100%',
+            }"
           ></div>
         </template>
       </t-empty>
diff --git a/src/empty/_example-composition/size.vue b/src/empty/_example-composition/size.vue
index 143ab9ee1..d3ce46108 100644
--- a/src/empty/_example-composition/size.vue
+++ b/src/empty/_example-composition/size.vue
@@ -5,7 +5,7 @@
       <t-radio-button value="medium">medium</t-radio-button>
       <t-radio-button value="large">large</t-radio-button>
     </t-radio-group>
-    <div style="margin-top: '20px'; height: '100px'">
+    <div style="margin-top: 20px; height: 100px">
       <t-row :gutter="40">
         <t-col>
           <t-empty type="empty" :size="size"></t-empty>
@@ -26,14 +26,12 @@
     </div>
   </t-space>
 </template>
-<script lang="ts" setup>
+<script setup>
 import { ref } from 'vue';
 
-type SIZE = 'small' | 'medium' | 'large';
-
 const size = ref('medium');
 
-function onChange(value: SIZE) {
+const onChange = (value) => {
   this.size = value;
-}
+};
 </script>
diff --git a/src/empty/_example/base.vue b/src/empty/_example/base.vue
index 69e581015..e1627e6a0 100644
--- a/src/empty/_example/base.vue
+++ b/src/empty/_example/base.vue
@@ -1,7 +1,3 @@
 <template>
-  <t-space direction="vertical" align="center">
-    <t-empty>
-      <template #title>title</template>
-    </t-empty>
-  </t-space>
+  <t-empty />
 </template>
diff --git a/src/empty/_example/descriptions.vue b/src/empty/_example/descriptions.vue
index 7616aa3c5..4d81ed1ab 100644
--- a/src/empty/_example/descriptions.vue
+++ b/src/empty/_example/descriptions.vue
@@ -1,17 +1,12 @@
 <template>
-  <t-empty :description="description" :title="title">
-    <template #action>
-      <t-button @click="goToIndex">返回首页</t-button>
-    </template>
-  </t-empty>
+  <t-empty :description="description" :title="title"> </t-empty>
 </template>
 <script>
 export default {
   data() {
     return {
-      title: '空状态 Empty',
-      description: '暂无数据 Description',
-      timer: null,
+      title: 'Empty',
+      description: 'Description',
     };
   },
   methods: {
diff --git a/src/empty/_example/self-defined.vue b/src/empty/_example/self-defined.vue
index 93279e20c..a6ad9161d 100644
--- a/src/empty/_example/self-defined.vue
+++ b/src/empty/_example/self-defined.vue
@@ -11,12 +11,12 @@
       <t-empty description="暂无数据">
         <template #image>
           <div
-            style="
-              width: '64px';
-              height: '64px';
-              background-image: 'url(https://tdesign.gtimg.com/demo/demo-image-1.png)';
-              background-size: '100% 100%';
-            "
+            :style="{
+              width: '64px',
+              height: '64px',
+              backgroundImage: 'url(https://tdesign.gtimg.com/demo/demo-image-1.png)',
+              backgroundSize: '100% 100%',
+            }"
           ></div>
         </template>
       </t-empty>
diff --git a/src/empty/_example/size.vue b/src/empty/_example/size.vue
index 77bbeeb7a..a1ed74b39 100644
--- a/src/empty/_example/size.vue
+++ b/src/empty/_example/size.vue
@@ -5,7 +5,7 @@
       <t-radio-button value="medium">medium</t-radio-button>
       <t-radio-button value="large">large</t-radio-button>
     </t-radio-group>
-    <div style="margin-top: '20px'; height: '100px'">
+    <div style="margin-top: 20px; height: 100px">
       <t-row :gutter="40">
         <t-col>
           <t-empty type="empty" :size="size"></t-empty>
diff --git a/src/empty/empty.md b/src/empty/empty.md
index 96f0f2968..98b843a09 100644
--- a/src/empty/empty.md
+++ b/src/empty/empty.md
@@ -8,7 +8,7 @@
 -- | -- | -- | -- | --
 action | Slot / Function | - | 操作按钮。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 description | String / Slot / Function | - | 描述文字。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
-image | String / Slot / Function | - | 组件图片，可以完全自定义内容。值类型为字符串时，表示图片地址；值类型为对象时，则表示透传全部属性到图片组件，示例：`<Empty image={{ src: '', shape: 'round' }} />`。TS 类型：`string \| ImageProps \| TNode `，[Image API Documents](./image?tab=api)。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/empty/type.ts) | N
+image | String / Slot / Function | - | 组件图片，可以完全自定义内容。值类型为字符串时，表示图片地址；值类型为对象时，则表示透传全部属性到图片组件。TS 类型：`string \| ImageProps \| TNode `，[Image API Documents](./image?tab=api)。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts)。[详细类型定义](https://github.com/Tencent/tdesign-vue/tree/develop/src/empty/type.ts) | N
 imageStyle | Object | - | 透传图片样式表。TS 类型：`Styles`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 size | String | medium | 空状态的尺寸，默认为 `medium`。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 title | String / Slot / Function | - | 错误标题。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
diff --git a/src/empty/empty.tsx b/src/empty/empty.tsx
index 3bcc387d6..ebea61cb2 100644
--- a/src/empty/empty.tsx
+++ b/src/empty/empty.tsx
@@ -5,8 +5,9 @@ import isObject from 'lodash/isObject';
 import isString from 'lodash/isString';
 import type { TNode } from '@src/common';
 import { useConfig, usePrefixClass } from '../config-provider/useConfig';
+import { useCommonClassName } from '../hooks/useConfig';
+
 import props from './props';
-import type { TdEmptyProps } from './type';
 import Image from '../image';
 import { renderTNodeJSX } from '../utils/render-tnode';
 import MaintenanceSvg from './assets/MaintenanceSvg';
@@ -15,6 +16,8 @@ import EmptySvg from './assets/EmptySvg';
 import FailSvg from './assets/FailSvg';
 import SuccessSvg from './assets/SuccessSvg';
 
+import type { TdEmptyProps } from './type';
+
 export default defineComponent({
   name: 'TEmpty',
   components: { TImage: Image },
@@ -23,9 +26,10 @@ export default defineComponent({
     const {
       size, image: propsImage, description: propsDescription, title: propsTitle, type,
     } = toRefs(props);
-    const { globalConfig, classPrefix: tClassPrefix } = useConfig('empty');
-    const classPrefix = usePrefixClass('empty');
-
+    const { globalConfig } = useConfig('empty');
+    const componentName = usePrefixClass('empty');
+    const showAction = computed(() => props.action || slots.action);
+    const { SIZE } = useCommonClassName();
     const defaultMaps: {
       [key in TdEmptyProps['type']]?: Pick<TdEmptyProps, 'image' | 'title'>;
     } = {
@@ -51,17 +55,11 @@ export default defineComponent({
       },
     };
 
-    const defaultSize = {
-      small: `${tClassPrefix.value}-size-s`,
-      medium: `${tClassPrefix.value}-size`,
-      large: `${tClassPrefix.value}-size-l`,
-    };
-
-    const emptyClasses = computed(() => [classPrefix.value, defaultSize[size.value]]);
-    const titleClasses = [`${classPrefix.value}__title`];
-    const imageClasses = [`${classPrefix.value}__image`];
-    const descriptionClasses = [`${classPrefix.value}__description`];
-    const actionClass = [`${classPrefix.value}__action`];
+    const emptyClasses = computed(() => [componentName.value, SIZE.value[size.value]]);
+    const titleClasses = [`${componentName.value}__title`];
+    const imageClasses = [`${componentName.value}__image`];
+    const descriptionClasses = [`${componentName.value}__description`];
+    const actionClass = [`${componentName.value}__action`];
 
     const typeImageProps = computed(() => defaultMaps[type.value] ?? null);
     const showImage = computed(() => propsImage.value || typeImageProps.value?.image || slots.image);
@@ -77,6 +75,7 @@ export default defineComponent({
       showImage,
       showTitle,
       showDescription,
+      showAction,
     };
   },
   methods: {
@@ -98,7 +97,7 @@ export default defineComponent({
       if (data && Reflect.has(data as TNode, 'render')) {
         result = h(data as unknown);
       } else if (isObject(data)) {
-        result = <t-image {...(data as any)} />;
+        result = <t-image {...data} />;
       } else if (isString(data)) {
         result = <t-image src={data} />;
       }
@@ -116,7 +115,7 @@ export default defineComponent({
         ) : null}
         {this.renderTitle()}
         {this.renderDescription()}
-        {this.$slots?.action ? <div class={this.actionClass}>{renderTNodeJSX(this, 'action')}</div> : null}
+        {this.showAction ? <div class={this.actionClass}>{renderTNodeJSX(this, 'action')}</div> : null}
       </div>
     );
   },
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index a1f953588..ed7c4deb6 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -50184,6 +50184,814 @@ exports[`csr snapshot test > csr test ./src/dropdown/_example/theme.vue 1`] = `
 </div>
 `;
 
+exports[`csr snapshot test > csr test ./src/empty/_example/base.vue 1`] = `
+<div
+  class="t-empty t-size-m"
+>
+  <div
+    class="t-empty__image"
+  >
+    <svg
+      fill="none"
+      height="1em"
+      viewBox="0 0 48 48"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        id="&#230;&#151;&#160;&#231;&#187;&#147;&#230;&#158;&#156;-no-result"
+      >
+        <g
+          id="Union"
+        >
+          <path
+            d="M22 0H26V8H22V0Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+          <path
+            d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+          <path
+            clipRule="evenodd"
+            d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z"
+            fill="var(--td-text-color-placeholder)"
+            fillRule="evenodd"
+          />
+          <path
+            d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+        </g>
+      </g>
+    </svg>
+  </div>
+  <div
+    class="t-empty__title"
+  >
+    暂无数据
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/empty/_example/descriptions.vue 1`] = `
+<div
+  class="t-empty t-size-m"
+>
+  <div
+    class="t-empty__image"
+  >
+    <svg
+      fill="none"
+      height="1em"
+      viewBox="0 0 48 48"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        id="&#230;&#151;&#160;&#231;&#187;&#147;&#230;&#158;&#156;-no-result"
+      >
+        <g
+          id="Union"
+        >
+          <path
+            d="M22 0H26V8H22V0Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+          <path
+            d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+          <path
+            clipRule="evenodd"
+            d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z"
+            fill="var(--td-text-color-placeholder)"
+            fillRule="evenodd"
+          />
+          <path
+            d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+        </g>
+      </g>
+    </svg>
+  </div>
+  <div
+    class="t-empty__title"
+  >
+    Empty
+  </div>
+  <div
+    class="t-empty__description"
+  >
+    Description
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/empty/_example/operation.vue 1`] = `
+<div
+  class="t-empty t-size-m"
+>
+  <div
+    class="t-empty__image"
+  >
+    <svg
+      fill="none"
+      height="1em"
+      viewBox="0 0 48 48"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g
+        id="&#230;&#151;&#160;&#231;&#187;&#147;&#230;&#158;&#156;-no-result"
+      >
+        <g
+          id="Union"
+        >
+          <path
+            d="M22 0H26V8H22V0Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+          <path
+            d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+          <path
+            clipRule="evenodd"
+            d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z"
+            fill="var(--td-text-color-placeholder)"
+            fillRule="evenodd"
+          />
+          <path
+            d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+            fill="var(--td-text-color-placeholder)"
+          />
+        </g>
+      </g>
+    </svg>
+  </div>
+  <div
+    class="t-empty__title"
+  >
+    暂无数据
+  </div>
+  <div
+    class="t-empty__action"
+  >
+    <button
+      class="t-button t-button--variant-base t-button--theme-primary"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        返回首页
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/empty/_example/self-defined.vue 1`] = `
+<div
+  class="t-row t-row--start t-row--align-top"
+  style="margin-left: -20px; margin-right: -20px;"
+>
+  <div
+    class="t-col"
+    style="padding-left: 20px; padding-right: 20px;"
+  >
+    <div
+      class="t-empty t-size-m"
+    >
+      <div
+        class="t-empty__image"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          viewBox="0 0 48 48"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            id="&#230;&#151;&#160;&#231;&#187;&#147;&#230;&#158;&#156;-no-result"
+          >
+            <g
+              id="Union"
+            >
+              <path
+                d="M22 0H26V8H22V0Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                clipRule="evenodd"
+                d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z"
+                fill="var(--td-text-color-placeholder)"
+                fillRule="evenodd"
+              />
+              <path
+                d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+            </g>
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-empty__title"
+      >
+        暂无数据
+      </div>
+      <div
+        class="t-empty__description"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-col"
+    style="padding-left: 20px; padding-right: 20px;"
+  >
+    <div
+      class="t-empty t-size-m"
+    >
+      <div
+        class="t-empty__image"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          viewBox="0 0 48 48"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            id="&#230;&#151;&#160;&#231;&#187;&#147;&#230;&#158;&#156;-no-result"
+          >
+            <g
+              id="Union"
+            >
+              <path
+                d="M22 0H26V8H22V0Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                clipRule="evenodd"
+                d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z"
+                fill="var(--td-text-color-placeholder)"
+                fillRule="evenodd"
+              />
+              <path
+                d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+            </g>
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-empty__title"
+      >
+        暂无数据
+      </div>
+      <div
+        class="t-empty__description"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/empty/_example/size.vue 1`] = `
+<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
+        class="t-radio-button"
+        tabindex="0"
+      >
+        <input
+          class="t-radio-button__former"
+          data-value="'small'"
+          tabindex="-1"
+          type="radio"
+          value="small"
+        />
+        <span
+          class="t-radio-button__input"
+        />
+        <span
+          class="t-radio-button__label"
+        >
+          small
+        </span>
+      </label>
+      <label
+        class="t-radio-button t-is-checked"
+        tabindex="0"
+      >
+        <input
+          class="t-radio-button__former"
+          data-value="'medium'"
+          tabindex="-1"
+          type="radio"
+          value="medium"
+        />
+        <span
+          class="t-radio-button__input"
+        />
+        <span
+          class="t-radio-button__label"
+        >
+          medium
+        </span>
+      </label>
+      <label
+        class="t-radio-button"
+        tabindex="0"
+      >
+        <input
+          class="t-radio-button__former"
+          data-value="'large'"
+          tabindex="-1"
+          type="radio"
+          value="large"
+        />
+        <span
+          class="t-radio-button__input"
+        />
+        <span
+          class="t-radio-button__label"
+        >
+          large
+        </span>
+      </label>
+      <div
+        class="t-radio-group__bg-block"
+        style="width: 0px; left: 0px;"
+      />
+    </div>
+  </div>
+  <div
+    class="t-space-item"
+  >
+    <div
+      style="margin-top: 20px; height: 100px;"
+    >
+      <div
+        class="t-row t-row--start t-row--align-top"
+        style="margin-left: -20px; margin-right: -20px;"
+      >
+        <div
+          class="t-col"
+          style="padding-left: 20px; padding-right: 20px;"
+        >
+          <div
+            class="t-empty t-size-m"
+          >
+            <div
+              class="t-empty__image"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 48 48"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  id="&#230;&#151;&#160;&#231;&#187;&#147;&#230;&#158;&#156;-no-result"
+                >
+                  <g
+                    id="Union"
+                  >
+                    <path
+                      d="M22 0H26V8H22V0Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                    <path
+                      d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                    <path
+                      clipRule="evenodd"
+                      d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z"
+                      fill="var(--td-text-color-placeholder)"
+                      fillRule="evenodd"
+                    />
+                    <path
+                      d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                  </g>
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-empty__title"
+            >
+              暂无数据
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-col"
+          style="padding-left: 20px; padding-right: 20px;"
+        >
+          <div
+            class="t-empty t-size-m"
+          >
+            <div
+              class="t-empty__image"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 48 48"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  id="&#232;&#183;&#175;&#229;&#134;&#181;&#228;&#186;&#139;&#228;&#187;&#182;-traffic-events"
+                >
+                  <g
+                    id="Subtract"
+                  >
+                    <path
+                      d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                    <path
+                      d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                    <path
+                      d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                  </g>
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-empty__title"
+            >
+              建设中
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-col"
+          style="padding-left: 20px; padding-right: 20px;"
+        >
+          <div
+            class="t-empty t-size-m"
+          >
+            <div
+              class="t-empty__image"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 48 48"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  id="&#230;&#151;&#160;&#231;&#189;&#145;&#231;&#187;&#156;-no-network"
+                >
+                  <g
+                    id="Union"
+                  >
+                    <path
+                      d="M26 17V2H22V17H26Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                    <path
+                      d="M26.0078 20H22V24.0078H26.0078V20Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                    <path
+                      d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z"
+                      fill="var(--td-text-color-placeholder)"
+                    />
+                  </g>
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-empty__title"
+            >
+              网络错误
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-col"
+          style="padding-left: 20px; padding-right: 20px;"
+        >
+          <div
+            class="t-empty t-size-m"
+          >
+            <div
+              class="t-empty__image"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 48 48"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z"
+                  fill="#2BA471"
+                  fillRule="evenodd"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-empty__title"
+            >
+              成功
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-col"
+          style="padding-left: 20px; padding-right: 20px;"
+        >
+          <div
+            class="t-empty t-size-m"
+          >
+            <div
+              class="t-empty__image"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 48 48"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z"
+                  fill="#D54941"
+                  fillRule="evenodd"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-empty__title"
+            >
+              失败
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test ./src/empty/_example/status.vue 1`] = `
+<div
+  class="t-row t-row--start t-row--align-top"
+  style="margin-left: -20px; margin-right: -20px;"
+>
+  <div
+    class="t-col"
+    style="padding-left: 20px; padding-right: 20px;"
+  >
+    <div
+      class="t-empty t-size-m"
+    >
+      <div
+        class="t-empty__image"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          viewBox="0 0 48 48"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            id="&#230;&#151;&#160;&#231;&#187;&#147;&#230;&#158;&#156;-no-result"
+          >
+            <g
+              id="Union"
+            >
+              <path
+                d="M22 0H26V8H22V0Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                clipRule="evenodd"
+                d="M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z"
+                fill="var(--td-text-color-placeholder)"
+                fillRule="evenodd"
+              />
+              <path
+                d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+            </g>
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-empty__title"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-col"
+    style="padding-left: 20px; padding-right: 20px;"
+  >
+    <div
+      class="t-empty t-size-m"
+    >
+      <div
+        class="t-empty__image"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          viewBox="0 0 48 48"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            id="&#232;&#183;&#175;&#229;&#134;&#181;&#228;&#186;&#139;&#228;&#187;&#182;-traffic-events"
+          >
+            <g
+              id="Subtract"
+            >
+              <path
+                d="M29.5237 17L24 3.82812L18.4763 17H29.5237Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+            </g>
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-empty__title"
+      >
+        建设中
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-col"
+    style="padding-left: 20px; padding-right: 20px;"
+  >
+    <div
+      class="t-empty t-size-m"
+    >
+      <div
+        class="t-empty__image"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          viewBox="0 0 48 48"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            id="&#230;&#151;&#160;&#231;&#189;&#145;&#231;&#187;&#156;-no-network"
+          >
+            <g
+              id="Union"
+            >
+              <path
+                d="M26 17V2H22V17H26Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                d="M26.0078 20H22V24.0078H26.0078V20Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+              <path
+                d="M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z"
+                fill="var(--td-text-color-placeholder)"
+              />
+            </g>
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-empty__title"
+      >
+        网络错误
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-col"
+    style="padding-left: 20px; padding-right: 20px;"
+  >
+    <div
+      class="t-empty t-size-m"
+    >
+      <div
+        class="t-empty__image"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          viewBox="0 0 48 48"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clipRule="evenodd"
+            d="M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z"
+            fill="#2BA471"
+            fillRule="evenodd"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-empty__title"
+      >
+        成功
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-col"
+    style="padding-left: 20px; padding-right: 20px;"
+  >
+    <div
+      class="t-empty t-size-m"
+    >
+      <div
+        class="t-empty__image"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          viewBox="0 0 48 48"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            clipRule="evenodd"
+            d="M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z"
+            fill="#D54941"
+            fillRule="evenodd"
+          />
+        </svg>
+      </div>
+      <div
+        class="t-empty__title"
+      >
+        失败
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`csr snapshot test > csr test ./src/form/_example/align.vue 1`] = `
 <div
   class="t-space t-space-vertical"
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index db6f826ce..e4e5dcf66 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -416,6 +416,18 @@ 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/empty/_example/base.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#187;&amp;#147;&amp;#230;&amp;#158;&amp;#156;-no-result\\"><g id=\\"Union\\"><path d=\\"M22 0H26V8H22V0Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">暂无数据</div></div>"`;
+
+exports[`ssr snapshot test > renders ./src/empty/_example/descriptions.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#187;&amp;#147;&amp;#230;&amp;#158;&amp;#156;-no-result\\"><g id=\\"Union\\"><path d=\\"M22 0H26V8H22V0Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">Empty</div><div class=\\"t-empty__description\\">Description</div></div>"`;
+
+exports[`ssr snapshot test > renders ./src/empty/_example/operation.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#187;&amp;#147;&amp;#230;&amp;#158;&amp;#156;-no-result\\"><g id=\\"Union\\"><path d=\\"M22 0H26V8H22V0Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">暂无数据</div><div class=\\"t-empty__action\\"><button type=\\"button\\" class=\\"t-button t-button--variant-base t-button--theme-primary\\"><span class=\\"t-button__text\\">返回首页</span></button></div></div>"`;
+
+exports[`ssr snapshot test > renders ./src/empty/_example/self-defined.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:-20px;margin-right:-20px;\\"><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#187;&amp;#147;&amp;#230;&amp;#158;&amp;#156;-no-result\\"><g id=\\"Union\\"><path d=\\"M22 0H26V8H22V0Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">暂无数据</div><div class=\\"t-empty__description\\">暂无数据</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#187;&amp;#147;&amp;#230;&amp;#158;&amp;#156;-no-result\\"><g id=\\"Union\\"><path d=\\"M22 0H26V8H22V0Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">暂无数据</div><div class=\\"t-empty__description\\">暂无数据</div></div></div></div>"`;
+
+exports[`ssr snapshot test > renders ./src/empty/_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-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 class=\\"t-space-item\\"><div style=\\"margin-top:20px;height:100px;\\"><div class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:-20px;margin-right:-20px;\\"><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#187;&amp;#147;&amp;#230;&amp;#158;&amp;#156;-no-result\\"><g id=\\"Union\\"><path d=\\"M22 0H26V8H22V0Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">暂无数据</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#232;&amp;#183;&amp;#175;&amp;#229;&amp;#134;&amp;#181;&amp;#228;&amp;#186;&amp;#139;&amp;#228;&amp;#187;&amp;#182;-traffic-events\\"><g id=\\"Subtract\\"><path d=\\"M29.5237 17L24 3.82812L18.4763 17H29.5237Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">建设中</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#189;&amp;#145;&amp;#231;&amp;#187;&amp;#156;-no-network\\"><g id=\\"Union\\"><path d=\\"M26 17V2H22V17H26Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M26.0078 20H22V24.0078H26.0078V20Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">网络错误</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z\\" fill=\\"#2BA471\\"></path></svg></div><div class=\\"t-empty__title\\">成功</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z\\" fill=\\"#D54941\\"></path></svg></div><div class=\\"t-empty__title\\">失败</div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > renders ./src/empty/_example/status.vue correctly 1`] = `"<div data-server-rendered=\\"true\\" class=\\"t-row t-row--start t-row--align-top\\" style=\\"margin-left:-20px;margin-right:-20px;\\"><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#187;&amp;#147;&amp;#230;&amp;#158;&amp;#156;-no-result\\"><g id=\\"Union\\"><path d=\\"M22 0H26V8H22V0Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M2 27.4689L10.8394 12H37.1606L46 27.4689V44H2V27.4689ZM13.1606 16L7.44636 26H17.8025L18.1889 27.5015C18.8551 30.0898 21.207 32 24 32C26.793 32 29.1449 30.0898 29.8111 27.5015L30.1975 26H40.5536L34.8394 16H13.1606Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">暂无数据</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#232;&amp;#183;&amp;#175;&amp;#229;&amp;#134;&amp;#181;&amp;#228;&amp;#186;&amp;#139;&amp;#228;&amp;#187;&amp;#182;-traffic-events\\"><g id=\\"Subtract\\"><path d=\\"M29.5237 17L24 3.82812L18.4763 17H29.5237Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">建设中</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g id=\\"&amp;#230;&amp;#151;&amp;#160;&amp;#231;&amp;#189;&amp;#145;&amp;#231;&amp;#187;&amp;#156;-no-network\\"><g id=\\"Union\\"><path d=\\"M26 17V2H22V17H26Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M26.0078 20H22V24.0078H26.0078V20Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path><path d=\\"M2.75751 13.45C7.29713 9.80916 12.553 7.50276 18 6.53088V28H30V6.53052C35.4475 7.50216 40.7038 9.80854 45.2438 13.4497L46.8021 14.6995L24.0006 43.2016L1.19922 14.6998L2.75751 13.45Z\\" fill=\\"var(--td-text-color-placeholder)\\"></path></g></g></svg></div><div class=\\"t-empty__title\\">网络错误</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42ZM46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24ZM21 32.8284L12.1716 24L15 21.1716L21 27.1716L33 15.1716L35.8284 18L21 32.8284Z\\" fill=\\"#2BA471\\"></path></svg></div><div class=\\"t-empty__title\\">成功</div></div></div><div class=\\"t-col\\" style=\\"padding-left:20px;padding-right:20px;\\"><div class=\\"t-empty t-size-m\\"><div class=\\"t-empty__image\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 48 48\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path fillRule=\\"evenodd\\" clipRule=\\"evenodd\\" d=\\"M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24C42 14.0589 33.9411 6 24 6ZM2 24C2 11.8497 11.8497 2 24 2C36.1503 2 46 11.8497 46 24C46 36.1503 36.1503 46 24 46C11.8497 46 2 36.1503 2 24ZM26 13V28H22V13H26ZM22 31H26.0078V35.0078H22V31Z\\" fill=\\"#D54941\\"></path></svg></div><div class=\\"t-empty__title\\">失败</div></div></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 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\\" 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\\" 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>"`;