diff --git a/examples/transfer/demos/base.vue b/examples/transfer/demos/base.vue
index 28c955de39..c5ba936126 100644
--- a/examples/transfer/demos/base.vue
+++ b/examples/transfer/demos/base.vue
@@ -5,7 +5,7 @@
       :data="list"
       :checked="checked"
       @change="onChange"
-      @checkedChange="handleCheckedChange"
+      @checked-change="handleCheckedChange"
     />
   </div>
 </template>
diff --git a/examples/transfer/demos/search.vue b/examples/transfer/demos/search.vue
index a38611c43f..03babd14c6 100644
--- a/examples/transfer/demos/search.vue
+++ b/examples/transfer/demos/search.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <t-transfer v-model="targetValue" theme="primary" :data="list" :checked-value="checkedValue" :search="true" />
+    <t-transfer v-model="targetValue" theme="primary" :data="list" :search="true" />
   </div>
 </template>
 <script setup>
@@ -15,5 +15,4 @@ for (let i = 0; i < 20; i++) {
 }
 
 const targetValue = ref([]);
-const checkedValue = ref([]);
 </script>
diff --git a/src/_common b/src/_common
index 3e7828ad11..0487f2ce98 160000
--- a/src/_common
+++ b/src/_common
@@ -1 +1 @@
-Subproject commit 3e7828ad11a37a70083f40359956a0591a97533d
+Subproject commit 0487f2ce98b15de46590c26693e094874d988292
diff --git a/src/drawer/drawer.tsx b/src/drawer/drawer.tsx
index af9ce1dac6..a55c4bdad7 100644
--- a/src/drawer/drawer.tsx
+++ b/src/drawer/drawer.tsx
@@ -1,4 +1,4 @@
-import { computed, defineComponent, nextTick, onUpdated, ref, watch } from 'vue';
+import { computed, defineComponent, nextTick, onUpdated, toRefs, ref, watch } from 'vue';
 import { CloseIcon } from 'tdesign-icons-vue-next';
 import { useConfig, usePrefixClass } from '../hooks/useConfig';
 import { isServer, addClass, removeClass } from '../utils/dom';
@@ -14,17 +14,10 @@ type FooterButtonType = 'confirm' | 'cancel';
 
 export default defineComponent({
   name: 'TDrawer',
-
-  components: {
-    CloseIcon,
-    TButton,
-  },
-
   directives: {
     TransferDom,
   },
   props,
-  // TODO update:visible 是否是受控的
   emits: ['update:visible'],
   setup(props, context) {
     const { global } = useConfig('drawer');
@@ -119,14 +112,14 @@ export default defineComponent({
       const theme = isCancel ? 'default' : 'primary';
       const isApiObject = typeof btnApi === 'object';
       return (
-        <t-button
+        <TButton
           theme={theme}
           onClick={clickAction}
           props={isApiObject ? btnApi : {}}
           class={`${COMPONENT_NAME.value}-${btnType}`}
         >
           {btnApi && typeof btnApi === 'object' ? btnApi.content : btnApi}
-        </t-button>
+        </TButton>
       );
     };
     const isUseDefault = (btnApi: FooterButton) => {
@@ -224,18 +217,19 @@ export default defineComponent({
   render() {
     const { COMPONENT_NAME } = this;
     if (this.destroyOnClose && !this.visible) return;
-    const defaultCloseBtn = <close-icon class="t-submenu-icon"></close-icon>;
+    const defaultCloseBtn = <CloseIcon class="t-submenu-icon"></CloseIcon>;
     const body = renderContent(this, 'body', 'default');
     const headerContent = renderTNodeJSX(this, 'header');
     const defaultFooter = this.getDefaultFooter();
     return (
       <div
+        ref="drawerEle"
         class={this.drawerClasses}
         style={{ zIndex: this.zIndex }}
         onKeydown={this.onKeyDown}
         v-transfer-dom={this.attach}
         {...this.$attrs}
-        ref="drawerEle"
+        tabindex={0}
       >
         {this.showOverlay && <div class={`${COMPONENT_NAME}__mask`} onClick={this.handleWrapperClick} />}
         <div class={this.wrapperClasses} style={this.wrapperStyles}>
diff --git a/src/hooks/useDefaultValue.ts b/src/hooks/useDefaultValue.ts
index cd4e185a11..2cd65cccdf 100644
--- a/src/hooks/useDefaultValue.ts
+++ b/src/hooks/useDefaultValue.ts
@@ -2,12 +2,12 @@ import { ref, Ref, getCurrentInstance, watch } from 'vue';
 import { ChangeHandler } from './useVModel';
 
 // 用于实现 v-model:propsName
-export default function useDefaultValue<T, P extends any[]>(
+export default function useDefaultValue<T, P extends (...args: any) => void>(
   value: Ref<T>,
   defaultValue: T,
-  onChange: ChangeHandler<T, P>,
+  onChange: P,
   propsName: string,
-): [Ref<T>, ChangeHandler<T, P>] {
+): [Ref<T>, ChangeHandler<T>] {
   const { emit, attrs } = getCurrentInstance();
   const internalValue = ref();
   internalValue.value = defaultValue;
diff --git a/src/hooks/useVModel.ts b/src/hooks/useVModel.ts
index ec9b575bd4..79083c04d7 100644
--- a/src/hooks/useVModel.ts
+++ b/src/hooks/useVModel.ts
@@ -1,15 +1,15 @@
 import { ref, Ref, getCurrentInstance, watch } from 'vue';
 
-export type ChangeHandler<T, P extends any[]> = (value: T, ...args: P) => void;
+export type ChangeHandler<T> = (value: T, ...args: any) => void;
 
-export default function useVModel<T, P extends any[]>(
+export default function useVModel<T, P extends (...args: any) => void>(
   value: Ref<T>,
   modelValue: Ref<T>,
   defaultValue: T,
-  onChange: ChangeHandler<T, P>,
+  onChange: P,
   propName = 'value',
   // emit 和 eventName 用于支持 v-model 和 xxx.sync 语法糖
-): [Ref<T>, ChangeHandler<T, P>] {
+): [Ref<T>, ChangeHandler<T>] {
   const { emit, attrs } = getCurrentInstance();
   const internalValue: Ref<T> = ref();
 
diff --git a/src/menu/submenu.tsx b/src/menu/submenu.tsx
index 54c27d5901..60600d2036 100644
--- a/src/menu/submenu.tsx
+++ b/src/menu/submenu.tsx
@@ -185,7 +185,7 @@ export default defineComponent({
           class={[
             // ...this.popupClass,
             `${this.classPrefix}-menu__spacer`,
-            `${this.classPrefix}-menu__spacer--${!this.isNested && this.head ? 'top' : 'left'}`,
+            `${this.classPrefix}-menu__spacer--${!this.isNested && this.isHead ? 'top' : 'left'}`,
           ]}
           onMouseenter={this.handleEnterPopup}
           onMouseleave={this.handleMouseLeavePopup}
diff --git a/src/progress/progress.tsx b/src/progress/progress.tsx
index fe6a5d37d4..76ef905f3a 100644
--- a/src/progress/progress.tsx
+++ b/src/progress/progress.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, VNode, computed } from 'vue';
+import { defineComponent, VNode, computed, CSSProperties } from 'vue';
 import {
   CloseCircleFilledIcon,
   CheckCircleFilledIcon,
@@ -23,16 +23,20 @@ export default defineComponent({
       if (props.percentage >= 100) {
         return 'success';
       }
-      return props.status;
+      return props.status || 'default';
     });
 
     const trackBgStyle = computed(() => {
-      const height = typeof props.strokeWidth === 'string' ? props.strokeWidth : `${props.strokeWidth}px`;
-      return {
-        height,
-        backgroundColor: props.trackColor,
-        borderRadius: height,
-      };
+      const style: CSSProperties = {};
+      if (props.strokeWidth) {
+        const height = typeof props.strokeWidth === 'string' ? props.strokeWidth : `${props.strokeWidth}px`;
+        style.height = height;
+        style.borderRadius = height;
+      }
+      if (props.trackColor) {
+        style.backgroundColor = props.trackColor;
+      }
+      return style;
     });
 
     const barStyle = computed(() => {
diff --git a/src/select/props.ts b/src/select/props.ts
index 5fd62588fd..ffc17ed0a6 100644
--- a/src/select/props.ts
+++ b/src/select/props.ts
@@ -113,7 +113,12 @@ export default {
   selectInputProps: {
     type: Object as PropType<TdSelectProps['selectInputProps']>,
   },
-  /** 是否显示右侧箭头，默认显示 */
+  /** 【讨论中】是否显示全选 */
+  showCheckAlll: Boolean,
+  /**
+   * 是否显示右侧箭头，默认显示
+   * @default true
+   */
   showArrow: {
     type: Boolean,
     default: true,
diff --git a/src/select/select.tsx b/src/select/select.tsx
index 89d0a75b05..7f32e163af 100644
--- a/src/select/select.tsx
+++ b/src/select/select.tsx
@@ -192,11 +192,12 @@ export default defineComponent({
     // to fix Computed property "showArrow" is already defined in Props.
     innerShowArrow(): boolean {
       return (
-        !this.clearable ||
-        !this.isHover ||
-        this.disabled ||
-        (!this.multiple && !this.value && this.value !== 0) ||
-        (this.multiple && (!Array.isArray(this.value) || (Array.isArray(this.value) && !this.value.length)))
+        this.showArrow &&
+        (!this.clearable ||
+          !this.isHover ||
+          this.disabled ||
+          (!this.multiple && !this.value && this.value !== 0) ||
+          (this.multiple && (!Array.isArray(this.value) || (Array.isArray(this.value) && !this.value.length))))
       );
     },
     canFilter(): boolean {
@@ -478,6 +479,10 @@ export default defineComponent({
       emitEvent<Parameters<TdSelectProps['onChange']>>(this, 'change', value, { trigger });
     },
     createOption(value: string) {
+      this.$nextTick(() => {
+        this.searchInput = '';
+        this.showCreateOption = false;
+      });
       emitEvent<Parameters<TdSelectProps['onCreate']>>(this, 'create', value);
     },
     debounceOnRemote: debounce(function (this: any) {
@@ -534,9 +539,6 @@ export default defineComponent({
         case 'Enter':
           if (this.showCreateOption) {
             this.createOption(this.searchInput);
-            this.$nextTick(() => {
-              this.searchInput = '';
-            });
           }
           this.hoverOptions[this.hoverIndex] &&
             this.onOptionClick(this.hoverOptions[this.hoverIndex][this.realValue], e);
diff --git a/src/transfer/components/transfer-list.tsx b/src/transfer/components/transfer-list.tsx
index ef6ba8fff7..c463a98f43 100644
--- a/src/transfer/components/transfer-list.tsx
+++ b/src/transfer/components/transfer-list.tsx
@@ -10,7 +10,7 @@ import {
 } from '../interface';
 import { PageInfo, TdPaginationProps, Pagination } from '../../pagination';
 import { Checkbox as TCheckbox, CheckboxGroup as TCheckboxGroup, CheckboxProps } from '../../checkbox';
-import { getLeefCount, getDataValues } from '../utils';
+import { getLefCount, getDataValues } from '../utils';
 import Search from './transfer-search';
 import { useTNodeDefault } from '../../hooks/tnode';
 
@@ -121,9 +121,7 @@ export default defineComponent({
           }
         : {};
     });
-    const hasFooter = computed(() => {
-      return !!slots.default;
-    });
+
     const isAllChecked = computed(() => {
       return (
         props.checkedValue.length > 0 &&
@@ -135,7 +133,7 @@ export default defineComponent({
     });
 
     const totalCount = computed(() => {
-      return getLeefCount(props.dataSource);
+      return getLefCount(props.dataSource);
     });
 
     const handlePaginationChange = (pageInfo: PageInfo) => {
diff --git a/src/transfer/props.ts b/src/transfer/props.ts
index 60be33e437..a26076cdb7 100644
--- a/src/transfer/props.ts
+++ b/src/transfer/props.ts
@@ -16,7 +16,7 @@ export default {
   /** 数据列表选中项 */
   checked: {
     type: Array as PropType<TdTransferProps['checked']>,
-    default: (): TdTransferProps['checked'] => [],
+    default: undefined,
   },
   /** 数据列表选中项，非受控属性 */
   defaultChecked: {
diff --git a/src/transfer/transfer.tsx b/src/transfer/transfer.tsx
index b9171047b9..0b6c4dfcc0 100644
--- a/src/transfer/transfer.tsx
+++ b/src/transfer/transfer.tsx
@@ -2,21 +2,14 @@ import { defineComponent, computed, toRefs, ref } from 'vue';
 import pick from 'lodash/pick';
 import TransferList from './components/transfer-list';
 import TransferOperations from './components/transfer-operations';
-import {
-  TransferListType,
-  TransferItemOption,
-  CheckedOptions,
-  TransferValue,
-  EmptyType,
-  TargetParams,
-  SearchEvent,
-} from './interface';
+import { TransferListType, CheckedOptions, TransferValue, EmptyType, TargetParams, SearchEvent } from './interface';
 
 import { getTransferListOption, getDataValues, getTransferData, filterTransferData, TRANSFER_NAME } from './utils';
 import { PageInfo, TdPaginationProps } from '../pagination/type';
 import props from './props';
 import { TNode } from '../common';
 import useVModel from '../hooks/useVModel';
+import useDefaultValue from '../hooks/useDefaultValue';
 
 // hooks
 import { useFormDisabled } from '../form/hooks';
@@ -33,18 +26,9 @@ export default defineComponent({
     const disabled = useFormDisabled();
     const classPrefix = usePrefixClass();
     const { t, global } = useConfig('transfer');
-    const { value, modelValue } = toRefs(props);
+    const { value, modelValue, checked } = toRefs(props);
     const [innerValue, setInnerValue] = useVModel(value, modelValue, props.defaultValue, props.onChange);
-    const initChecked = computed(() => {
-      if (props.checked && props.checked.length) {
-        return props.checked;
-      }
-      if (props.defaultChecked && props.defaultChecked.length) {
-        return props.defaultChecked;
-      }
-      return [];
-    });
-    const checkedValueList = computed(() => initChecked.value);
+    const [innerChecked] = useDefaultValue(checked, props.defaultChecked, props.onCheckedChange, 'checked');
     const valueList = ref(innerValue.value || []);
 
     const isTreeMode = computed(() => {
@@ -67,8 +51,8 @@ export default defineComponent({
     // 被选中的value
     const checkedValue = computed(() => {
       return {
-        [SOURCE]: getDataValues(sourceList.value, checkedValueList.value, { isTreeMode: isTreeMode.value }),
-        [TARGET]: getDataValues(targetList.value, checkedValueList.value, { isTreeMode: isTreeMode.value }),
+        [SOURCE]: getDataValues(sourceList.value, innerChecked.value, { isTreeMode: isTreeMode.value }),
+        [TARGET]: getDataValues(targetList.value, innerChecked.value, { isTreeMode: isTreeMode.value }),
       };
     });
     const hasFooter = computed(() => {
@@ -115,9 +99,8 @@ export default defineComponent({
         targetChecked,
         type: listType,
       };
-      // 支持v-model:checked
-      // TODO: 换成 useVModel
-      props['onUpdate:checked']?.(checked);
+      // TODO onCheckedChange 参数有点不合理
+      innerChecked.value = checked;
       props.onCheckedChange?.(event);
     };
 
@@ -158,16 +141,7 @@ export default defineComponent({
     const transferToLeft = () => {
       transferTo(SOURCE);
     };
-    const filterMethod = (
-      transferList: Array<TransferItemOption>,
-      targetValueList: Array<TransferValue>,
-      needMatch: boolean,
-    ): Array<TransferItemOption> => {
-      return transferList.filter((item) => {
-        const isMatch = targetValueList.includes(item.value);
-        return needMatch ? isMatch : !isMatch;
-      });
-    };
+
     const handleScroll = (e: Event, listType: TransferListType) => {
       const target = e.target as HTMLElement;
       const bottomDistance = target.scrollHeight - target.scrollTop - target.clientHeight;
diff --git a/src/transfer/utils.ts b/src/transfer/utils.ts
index d56b0e4135..de8d868aff 100644
--- a/src/transfer/utils.ts
+++ b/src/transfer/utils.ts
@@ -181,11 +181,11 @@ function filterTransferData(
 }
 
 // 获取树节点的叶子数量
-function getLeefCount(nodes: Array<TreeNode>): number {
+function getLefCount(nodes: Array<TreeNode>): number {
   let total = 0;
   nodes.forEach((child) => {
     if (child.children && child.children.length > 0) {
-      total += getLeefCount(child.children);
+      total += getLefCount(child.children);
     } else {
       total += 1;
     }
@@ -200,5 +200,5 @@ export {
   getTransferData,
   cloneTreeWithFilter,
   filterTransferData,
-  getLeefCount,
+  getLefCount,
 };
diff --git a/test/snap/__snapshots__/csr.test.js.snap b/test/snap/__snapshots__/csr.test.js.snap
index 1a1f8805a7..d78d685e3e 100644
--- a/test/snap/__snapshots__/csr.test.js.snap
+++ b/test/snap/__snapshots__/csr.test.js.snap
@@ -44243,6 +44243,7 @@ exports[`csr snapshot test > csr test ./examples/config-provider/demos/popconfir
   <div
     class="t-drawer t-drawer--right"
     data-v-90404d6e=""
+    tabindex="0"
   >
     <div
       class="t-drawer__mask"
@@ -48590,6 +48591,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/attach-parent.vue
     <div
       class="t-drawer t-drawer--right t-drawer--attach"
       data-v-abecafc6=""
+      tabindex="0"
     >
       <div
         class="t-drawer__mask"
@@ -48845,6 +48847,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/base.vue 1`] = `
   <div
     class="t-drawer t-drawer--right"
     data-v-038ee394=""
+    tabindex="0"
   >
     <div
       class="t-drawer__mask"
@@ -48938,6 +48941,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/custom.vue 1`] = `
   <!-- 使用插槽自定义 -->
   <div
     class="t-drawer t-drawer--right"
+    tabindex="0"
   >
     <div
       class="t-drawer__mask"
@@ -49000,6 +49004,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/custom.vue 1`] = `
   <!-- 使用 props 自定义 -->
   <div
     class="t-drawer t-drawer--right"
+    tabindex="0"
   >
     <div
       class="t-drawer__mask"
@@ -49058,6 +49063,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/custom.vue 1`] = `
   <!-- 单独定义确认/取消按钮 -->
   <div
     class="t-drawer t-drawer--right"
+    tabindex="0"
   >
     <div
       class="t-drawer__mask"
@@ -49177,6 +49183,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/no-mask.vue 1`] =
 <div>
   <div
     class="t-drawer t-drawer--right t-drawer--without-mask"
+    tabindex="0"
   >
     <!---->
     <div
@@ -49251,6 +49258,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/operation.vue 1`]
   <div
     class="t-drawer t-drawer--right"
     data-v-0aadc15c=""
+    tabindex="0"
   >
     <div
       class="t-drawer__mask"
@@ -49416,6 +49424,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/placement.vue 1`]
   <div
     class="t-drawer t-drawer--right"
     data-v-69152460=""
+    tabindex="0"
   >
     <div
       class="t-drawer__mask"
@@ -49675,6 +49684,7 @@ exports[`csr snapshot test > csr test ./examples/drawer/demos/size.vue 1`] = `
   <div
     class="t-drawer t-drawer--right"
     data-v-d15f6134=""
+    tabindex="0"
   >
     <div
       class="t-drawer__mask"
@@ -75793,7 +75803,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/circle.vue 1`] =
         <!---->
         <!---->
         <div
-          class="t-progress--circle t-progress--status--undefined"
+          class="t-progress--circle t-progress--status--default"
           style="width: 112px; height: 112px; font-size: 20px;"
         >
           <div
@@ -76168,7 +76178,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/circle.vue 1`] =
         <!---->
         <!---->
         <div
-          class="t-progress--circle t-progress--status--undefined"
+          class="t-progress--circle t-progress--status--default"
           style="width: 72px; height: 72px; font-size: 14px;"
         >
           <div
@@ -76222,7 +76232,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/circle.vue 1`] =
         <!---->
         <!---->
         <div
-          class="t-progress--circle t-progress--status--undefined"
+          class="t-progress--circle t-progress--status--default"
           style="width: 112px; height: 112px; font-size: 20px;"
         >
           <div
@@ -76277,7 +76287,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/circle.vue 1`] =
         <!---->
         <!---->
         <div
-          class="t-progress--circle t-progress--status--undefined"
+          class="t-progress--circle t-progress--status--default"
           style="width: 160px; height: 160px; font-size: 36px;"
         >
           <div
@@ -76337,7 +76347,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/custom.vue 1`] =
       <!---->
       <!---->
       <div
-        class="t-progress--circle t-progress--status--undefined"
+        class="t-progress--circle t-progress--status--default"
         style="width: 112px; height: 112px; font-size: 20px;"
       >
         <div
@@ -76378,11 +76388,10 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/custom.vue 1`] =
       data-v-9f8aa44c=""
     >
       <div
-        class="t-progress--thin t-progress--status--undefined"
+        class="t-progress--thin t-progress--status--default"
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -76413,7 +76422,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/custom.vue 1`] =
       data-v-9f8aa44c=""
     >
       <div
-        class="t-progress--thin t-progress--status--undefined"
+        class="t-progress--thin t-progress--status--default"
       >
         <div
           class="t-progress__bar"
@@ -76445,7 +76454,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/custom.vue 1`] =
       <!---->
       <!---->
       <div
-        class="t-progress--circle t-progress--status--undefined"
+        class="t-progress--circle t-progress--status--default"
         style="width: 200px; height: 200px; font-size: 45px;"
       >
         <div
@@ -76497,8 +76506,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/custom.vue 1`] =
     >
       <!---->
       <div
-        class="t-progress__bar t-progress--plump t-progress--over-ten"
-        style="border-radius: undefinedpx;"
+        class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--default"
       >
         <div
           class="t-progress__inner"
@@ -76521,7 +76529,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/custom.vue 1`] =
       <!---->
       <!---->
       <div
-        class="t-progress--circle t-progress--status--undefined"
+        class="t-progress--circle t-progress--status--default"
         style="width: 112px; height: 112px; font-size: 20px;"
       >
         <div
@@ -76573,11 +76581,10 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/custom.vue 1`] =
       data-v-9f8aa44c=""
     >
       <div
-        class="t-progress--thin t-progress--status--undefined"
+        class="t-progress--thin t-progress--status--default"
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -76600,7 +76607,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/custom.vue 1`] =
       <!---->
       <!---->
       <div
-        class="t-progress--circle t-progress--status--undefined"
+        class="t-progress--circle t-progress--status--default"
         style="width: 112px; height: 112px; font-size: 20px;"
       >
         <div
@@ -76663,11 +76670,10 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/line.vue 1`] = `
       data-v-c2968dc6=""
     >
       <div
-        class="t-progress--thin t-progress--status--undefined"
+        class="t-progress--thin t-progress--status--default"
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -76698,7 +76704,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/line.vue 1`] = `
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -76729,7 +76734,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/line.vue 1`] = `
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -76772,7 +76776,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/line.vue 1`] = `
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -76815,7 +76818,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/line.vue 1`] = `
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -76858,7 +76860,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/line.vue 1`] = `
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -76895,8 +76896,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/line.vue 1`] = `
     >
       <!---->
       <div
-        class="t-progress__bar t-progress--plump t-progress--over-ten"
-        style="border-radius: undefinedpx;"
+        class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--default"
       >
         <div
           class="t-progress__inner"
@@ -76924,8 +76924,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/line.vue 1`] = `
     >
       <!---->
       <div
-        class="t-progress__bar t-progress--plump t-progress--under-ten"
-        style="border-radius: undefinedpx;"
+        class="t-progress__bar t-progress--plump t-progress--under-ten t-progress--status--default"
       >
         <div
           class="t-progress__inner"
@@ -76962,8 +76961,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/plump.vue 1`] =
   >
     <!---->
     <div
-      class="t-progress__bar t-progress--plump t-progress--over-ten"
-      style="border-radius: undefinedpx;"
+      class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--default"
     >
       <div
         class="t-progress__inner"
@@ -76991,8 +76989,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/plump.vue 1`] =
   >
     <!---->
     <div
-      class="t-progress__bar t-progress--plump t-progress--under-ten"
-      style="border-radius: undefinedpx;"
+      class="t-progress__bar t-progress--plump t-progress--under-ten t-progress--status--default"
     >
       <div
         class="t-progress__inner"
@@ -77021,7 +77018,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/plump.vue 1`] =
     <!---->
     <div
       class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -77050,7 +77046,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/plump.vue 1`] =
     <!---->
     <div
       class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -77079,7 +77074,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/plump.vue 1`] =
     <!---->
     <div
       class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -77108,7 +77102,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/plump.vue 1`] =
     <!---->
     <div
       class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -77137,7 +77130,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/plump.vue 1`] =
     <!---->
     <div
       class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--active"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -77181,7 +77173,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/size.vue 1`] = `
         <!---->
         <!---->
         <div
-          class="t-progress--circle t-progress--status--undefined"
+          class="t-progress--circle t-progress--status--default"
           style="width: 112px; height: 112px; font-size: 20px;"
         >
           <div
@@ -77420,7 +77412,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/size.vue 1`] = `
       <!---->
       <!---->
       <div
-        class="t-progress--circle t-progress--status--undefined"
+        class="t-progress--circle t-progress--status--default"
         style="width: 72px; height: 72px; font-size: 14px;"
       >
         <div
@@ -77468,7 +77460,7 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/size.vue 1`] = `
       <!---->
       <!---->
       <div
-        class="t-progress--circle t-progress--status--undefined"
+        class="t-progress--circle t-progress--status--default"
         style="width: 160px; height: 160px; font-size: 36px;"
       >
         <div
@@ -77529,7 +77521,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/status.vue 1`] =
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -77564,7 +77555,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/status.vue 1`] =
       <!---->
       <div
         class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success"
-        style="border-radius: undefinedpx;"
       >
         <div
           class="t-progress__inner"
@@ -77653,7 +77643,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/status.vue 1`] =
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -77688,7 +77677,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/status.vue 1`] =
       <!---->
       <div
         class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error"
-        style="border-radius: undefinedpx;"
       >
         <div
           class="t-progress__inner"
@@ -77777,7 +77765,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/status.vue 1`] =
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -77812,7 +77799,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/status.vue 1`] =
       <!---->
       <div
         class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning"
-        style="border-radius: undefinedpx;"
       >
         <div
           class="t-progress__inner"
@@ -77837,7 +77823,6 @@ exports[`csr snapshot test > csr test ./examples/progress/demos/status.vue 1`] =
       >
         <div
           class="t-progress__bar"
-          style="border-radius: undefinedpx;"
         >
           <div
             class="t-progress__inner"
@@ -130307,7 +130292,6 @@ exports[`csr snapshot test > csr test ./examples/transfer/demos/pagination.vue 1
 exports[`csr snapshot test > csr test ./examples/transfer/demos/search.vue 1`] = `
 <div>
   <div
-    checked-value=""
     class="t-transfer t-transfer__search"
     theme="primary"
   >
diff --git a/test/snap/__snapshots__/ssr.test.js.snap b/test/snap/__snapshots__/ssr.test.js.snap
index ad2e64921b..55a49a38e0 100644
--- a/test/snap/__snapshots__/ssr.test.js.snap
+++ b/test/snap/__snapshots__/ssr.test.js.snap
@@ -255,7 +255,7 @@ exports[`ssr snapshot test > ssr test ./examples/config-provider/demos/others.vu
 
 exports[`ssr snapshot test > ssr test ./examples/config-provider/demos/pagination.vue 1`] = `"<div class=\\"t-pagination t-size-m\\" style=\\"padding:16px;\\" data-v-124fcc14 data-v-124fcc14><div class=\\"t-pagination__total\\">Total 36 items</div><div class=\\"t-select__wrap t-pagination__select\\"><!--[--><div class=\\"t-select t-select-polyfill t-size-m t-select__popup-reference\\"><!----><!----><!----><span class=\\"t-tag t-tag--default t-tag--dark t-size-m\\" style=\\"display:none;\\"><!----><!--[-->+0<!--]--><!----></span><span title=\\"10\\" class=\\"t-select__single\\">10</span><!----><svg class=\\"t-fake-arrow t-select__right-icon t-select__right-icon-polyfill\\" width=\\"16\\" height=\\"16\\" viewbox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" style=\\"\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg><!----><!----></div><!----><!--]--><div style=\\"display:none;\\"><!--[--><!--[--><li class=\\"t-select-option t-size-m\\" title=\\"5 / page\\"><span>5 / page</span></li><li class=\\"t-select-option t-is-selected t-size-m\\" title=\\"10 / page\\"><span>10 / page</span></li><li class=\\"t-select-option t-size-m\\" title=\\"20 / page\\"><span>20 / page</span></li><li class=\\"t-select-option t-size-m\\" title=\\"50 / page\\"><span>50 / page</span></li><!--]--><!--]--></div></div><!----><div class=\\"t-pagination__btn t-pagination__btn-prev t-is-disabled\\" disabled><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-left\\" style=\\"\\"><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\\" style=\\"\\"><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-number t-size-m t-input-number--normal t-pagination__input\\"><!----><div class=\\"t-input__wrap\\" unselectable=\\"off\\"><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder type=\\"text\\" value=\\"1\\"><!----><!----><!----></div><!----></div><!----></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/config-provider/demos/popconfirm.vue 1`] = `"<div class=\\"tdesign-demo-item__config-provider-base\\" style=\\"padding:16px;\\" data-v-90404d6e data-v-90404d6e><!--[--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\" data-v-90404d6e><span class=\\"t-button__text\\"><!--[-->Default<!--]--></span></button><!----><!--]--><!--[--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-warning\\" type=\\"button\\" data-v-90404d6e><span class=\\"t-button__text\\"><!--[-->Warning<!--]--></span></button><!----><!--]--><!--[--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-danger\\" type=\\"button\\" data-v-90404d6e><span class=\\"t-button__text\\"><!--[-->Danger<!--]--></span></button><!----><!--]--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\" data-v-90404d6e><span class=\\"t-button__text\\"><!--[-->Open Drawer<!--]--></span></button><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" data-v-90404d6e><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">Drawer</div><div class=\\"t-drawer__close-btn\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-submenu-icon\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-90404d6e>This is a controlled drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">confirm</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">cancel</span></button><!----></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/config-provider/demos/popconfirm.vue 1`] = `"<div class=\\"tdesign-demo-item__config-provider-base\\" style=\\"padding:16px;\\" data-v-90404d6e data-v-90404d6e><!--[--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\" data-v-90404d6e><span class=\\"t-button__text\\"><!--[-->Default<!--]--></span></button><!----><!--]--><!--[--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-warning\\" type=\\"button\\" data-v-90404d6e><span class=\\"t-button__text\\"><!--[-->Warning<!--]--></span></button><!----><!--]--><!--[--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-danger\\" type=\\"button\\" data-v-90404d6e><span class=\\"t-button__text\\"><!--[-->Danger<!--]--></span></button><!----><!--]--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\" data-v-90404d6e><span class=\\"t-button__text\\"><!--[-->Open Drawer<!--]--></span></button><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\" data-v-90404d6e><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">Drawer</div><div class=\\"t-drawer__close-btn\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-submenu-icon\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-90404d6e>This is a controlled drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">confirm</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">cancel</span></button><!----></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test ./examples/config-provider/demos/table.vue 1`] = `"<div style=\\"padding:16px;\\" data-v-0bd7d344><!--[--><!-- 全局配置：空数据呈现，演示 --><div class=\\"t-table t-table--bordered\\" style=\\"position:relative;\\" data-v-0bd7d344><!----><!----><div class=\\"t-table__content\\" style=\\"\\"><!----><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><!--[--><col style=\\"\\"><col style=\\"\\"><col style=\\"\\"><!--]--></colgroup><thead class=\\"t-table__header\\"><!--[--><tr><!--[--><th data-colkey=\\"type\\" class=\\"t-table__th-type\\" style=\\"\\"><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\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">Platform</div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\" style=\\"\\"><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\\" style=\\"\\"><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\\" style=\\"\\"><tr class=\\"t-table__empty-row\\"><td colspan=\\"3\\"><div class=\\"t-table__empty\\" style=\\"\\">Empty Data</div></td></tr></tbody><!----></table></div><!----><!----><!----><!----></div><br data-v-0bd7d344><br data-v-0bd7d344><!-- 全局配置：自定义展开图标和排序图标，演示 --><div class=\\"t-table\\" style=\\"position:relative;\\" data-v-0bd7d344><!----><!----><div class=\\"t-table__content\\" style=\\"\\"><!----><table class=\\"t-table--layout-fixed\\" style=\\"width:;\\"><colgroup><!--[--><col style=\\"width:64px;\\"><col style=\\"\\"><col style=\\"\\"><col style=\\"\\"><!--]--></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__\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\"><!----></div></th><th data-colkey=\\"type\\" class=\\"t-table__th-type\\" style=\\"\\"><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\\" style=\\"\\"><div class=\\"t-table__th-cell-inner\\">Platform</div></th><th data-colkey=\\"property\\" class=\\"t-table__th-property\\" style=\\"\\"><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\\" style=\\"\\"><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\\" style=\\"\\"><!--[--><!----><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"t-table__expandable-icon-cell\\" style=\\"\\"><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\\" style=\\"\\"><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 class=\\"\\" style=\\"\\">Array</td><td class=\\"\\" style=\\"\\">Vue(PC)</td><td class=\\"\\" style=\\"\\">A</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"t-table__expandable-icon-cell\\" style=\\"\\"><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\\" style=\\"\\"><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 class=\\"\\" style=\\"\\">String</td><td class=\\"\\" style=\\"\\">React(PC)</td><td class=\\"\\" style=\\"\\">B</td><!--]--></tr><tr style=\\"\\" class=\\"\\"><!--[--><td class=\\"t-table__expandable-icon-cell\\" style=\\"\\"><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\\" style=\\"\\"><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 class=\\"\\" style=\\"\\">Object</td><td class=\\"\\" style=\\"\\">Miniprogram</td><td class=\\"\\" style=\\"\\">C</td><!--]--></tr><!----><!--]--></tbody><!----></table></div><!----><!----><!----><!----></div><br data-v-0bd7d344><br data-v-0bd7d344><!--]--></div>"`;
 
@@ -307,23 +307,23 @@ exports[`ssr snapshot test > ssr test ./examples/divider/demos/text.vue 1`] = `"
 
 exports[`ssr snapshot test > ssr test ./examples/divider/demos/vertical.vue 1`] = `"<div><span>正直</span><div class=\\"t-divider t-divider--vertical\\"><!----></div><span>进取</span><div class=\\"t-divider t-divider--vertical\\"><!----></div><span>合作</span><div class=\\"t-divider t-divider--vertical t-divider--dashed\\"><!----></div><span>创新</span></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/drawer/demos/attach-parent.vue 1`] = `"<div class=\\"t-container\\" data-v-abecafc6><div class=\\"t-suf-container\\" data-v-abecafc6><div class=\\"t-drawer t-drawer--right t-drawer--attach\\" style=\\"\\" data-v-abecafc6><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-abecafc6>This is a drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><div class=\\"tdesign-radio-button\\" data-v-abecafc6> 抽屉弹出方向： <div class=\\"t-radio-group t-size-m t-radio-group__outline\\" data-v-abecafc6><!--[--><label class=\\"t-radio-button\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"left\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> left <!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"right\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> right <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"top\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> top <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"bottom\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> bottom <!--]--><!--]--></span></label><!--]--><!----></div></div><br data-v-abecafc6><div class=\\"tdesign-radio-button\\" data-v-abecafc6> 抽屉弹出模式： <div class=\\"t-radio-group t-size-m t-radio-group__outline\\" data-v-abecafc6><!--[--><label class=\\"t-radio-button t-is-checked\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"overlay\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> overlay <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"push\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> push <!--]--><!--]--></span></label><!--]--><!----></div></div><br data-v-abecafc6><br data-v-abecafc6><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\" data-v-abecafc6><span class=\\"t-button__text\\"><!--[-->打开抽屉<!--]--></span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/drawer/demos/attach-parent.vue 1`] = `"<div class=\\"t-container\\" data-v-abecafc6><div class=\\"t-suf-container\\" data-v-abecafc6><div class=\\"t-drawer t-drawer--right t-drawer--attach\\" style=\\"\\" tabindex=\\"0\\" data-v-abecafc6><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-abecafc6>This is a drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><div class=\\"tdesign-radio-button\\" data-v-abecafc6> 抽屉弹出方向： <div class=\\"t-radio-group t-size-m t-radio-group__outline\\" data-v-abecafc6><!--[--><label class=\\"t-radio-button\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"left\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> left <!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"right\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> right <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"top\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> top <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"bottom\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> bottom <!--]--><!--]--></span></label><!--]--><!----></div></div><br data-v-abecafc6><div class=\\"tdesign-radio-button\\" data-v-abecafc6> 抽屉弹出模式： <div class=\\"t-radio-group t-size-m t-radio-group__outline\\" data-v-abecafc6><!--[--><label class=\\"t-radio-button t-is-checked\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"overlay\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> overlay <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-abecafc6><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"push\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> push <!--]--><!--]--></span></label><!--]--><!----></div></div><br data-v-abecafc6><br data-v-abecafc6><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\" data-v-abecafc6><span class=\\"t-button__text\\"><!--[-->打开抽屉<!--]--></span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/drawer/demos/base.vue 1`] = `"<div data-v-038ee394><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" data-v-038ee394><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">header</div><div class=\\"t-drawer__close-btn\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-submenu-icon\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-038ee394>This is a controlled drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\" data-v-038ee394><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/drawer/demos/base.vue 1`] = `"<div data-v-038ee394><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\" data-v-038ee394><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">header</div><div class=\\"t-drawer__close-btn\\"><svg fill=\\"none\\" viewbox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close t-submenu-icon\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-038ee394>This is a controlled drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\" data-v-038ee394><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/drawer/demos/custom.vue 1`] = `"<div><!-- 使用插槽自定义 --><div class=\\"t-drawer t-drawer--right\\" style=\\"\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\"><!--[--><div>自定义头部</div><!--]--></div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>This is the body of drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->确定<!--]--></span></button><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> 取消 <!--]--></span></button><!--]--></div></div></div><!-- 使用 props 自定义 --><div class=\\"t-drawer t-drawer--right\\" style=\\"\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>This is the body of drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->confirm<!--]--></span></button><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->cancel<!--]--></span></button></div></div></div></div><!-- 单独定义确认/取消按钮 --><div class=\\"t-drawer t-drawer--right\\" style=\\"\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">I am the title</div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>This is the body of drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-is-disabled t-drawer__confirm\\" type=\\"button\\" disabled><span class=\\"t-button__text\\">OK</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\">cancel</span></button><!----></div></div></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> Open(插槽定义) <!--]--></span></button>    <button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> Open(属性定义) <!--]--></span></button>    <button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> Open(单独设置确认/取消按钮) <!--]--></span></button></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/drawer/demos/custom.vue 1`] = `"<div><!-- 使用插槽自定义 --><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\"><!--[--><div>自定义头部</div><!--]--></div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>This is the body of drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><!--[--><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->确定<!--]--></span></button><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> 取消 <!--]--></span></button><!--]--></div></div></div><!-- 使用 props 自定义 --><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>This is the body of drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->confirm<!--]--></span></button><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->cancel<!--]--></span></button></div></div></div></div><!-- 单独定义确认/取消按钮 --><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">I am the title</div><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>This is the body of drawer</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-is-disabled t-drawer__confirm\\" type=\\"button\\" disabled><span class=\\"t-button__text\\">OK</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\">cancel</span></button><!----></div></div></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> Open(插槽定义) <!--]--></span></button>    <button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> Open(属性定义) <!--]--></span></button>    <button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> Open(单独设置确认/取消按钮) <!--]--></span></button></div>"`;
 
 exports[`ssr snapshot test > ssr test ./examples/drawer/demos/destroy.vue 1`] = `"<div><!-- 动画效果待开发 --><!----><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->打开抽屉<!--]--></span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/drawer/demos/no-mask.vue 1`] = `"<div><div class=\\"t-drawer t-drawer--right t-drawer--without-mask\\" style=\\"\\"><!----><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>抽屉的内容</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/drawer/demos/no-mask.vue 1`] = `"<div><div class=\\"t-drawer t-drawer--right t-drawer--without-mask\\" style=\\"\\" tabindex=\\"0\\"><!----><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>抽屉的内容</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/drawer/demos/operation.vue 1`] = `"<div data-v-0aadc15c><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" data-v-0aadc15c><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">标题名称</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><div class=\\"t-drawer-demo-div\\" data-v-0aadc15c><span data-v-0aadc15c>标签 A</span><div class=\\"t-input__wrap\\" data-v-0aadc15c><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value><!----><!----><!----></div><!----></div></div><div class=\\"t-drawer-demo-div\\" data-v-0aadc15c><span data-v-0aadc15c>标签 B</span><div class=\\"t-input__wrap\\" data-v-0aadc15c><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value><!----><!----><!----></div><!----></div></div><div class=\\"t-drawer-demo-div\\" data-v-0aadc15c><span data-v-0aadc15c>标签 C</span><div class=\\"t-input__wrap\\" data-v-0aadc15c><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value><!----><!----><!----></div><!----></div></div><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\" data-v-0aadc15c><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/drawer/demos/operation.vue 1`] = `"<div data-v-0aadc15c><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\" data-v-0aadc15c><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">标题名称</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><div class=\\"t-drawer-demo-div\\" data-v-0aadc15c><span data-v-0aadc15c>标签 A</span><div class=\\"t-input__wrap\\" data-v-0aadc15c><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value><!----><!----><!----></div><!----></div></div><div class=\\"t-drawer-demo-div\\" data-v-0aadc15c><span data-v-0aadc15c>标签 B</span><div class=\\"t-input__wrap\\" data-v-0aadc15c><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value><!----><!----><!----></div><!----></div></div><div class=\\"t-drawer-demo-div\\" data-v-0aadc15c><span data-v-0aadc15c>标签 C</span><div class=\\"t-input__wrap\\" data-v-0aadc15c><div class=\\"t-input\\"><!----><!----><input class=\\"t-input__inner\\" placeholder=\\"请输入\\" type=\\"text\\" value><!----><!----><!----></div><!----></div></div><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\" data-v-0aadc15c><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/drawer/demos/placement.vue 1`] = `"<div data-v-69152460><!-- @click-cancel 和 :onClickCancel 两种写法都支持； :onClickOverlay 和 @click-overlay 两种写法都支持--><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" data-v-69152460><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">标题名称</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-69152460>抽屉的内容</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><div class=\\"tdesign-radio-button\\" data-v-69152460><div class=\\"t-radio-group t-size-m t-radio-group__outline\\" data-v-69152460><!--[--><label class=\\"t-radio-button\\" data-v-69152460><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"left\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 左侧 <!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\" data-v-69152460><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"right\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 右侧 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-69152460><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"top\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 上方 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-69152460><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"bottom\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 下方 <!--]--><!--]--></span></label><!--]--><!----></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default btn-top-margin\\" type=\\"button\\" data-v-69152460><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/drawer/demos/placement.vue 1`] = `"<div data-v-69152460><!-- @click-cancel 和 :onClickCancel 两种写法都支持； :onClickOverlay 和 @click-overlay 两种写法都支持--><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\" data-v-69152460><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">标题名称</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-69152460>抽屉的内容</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><div class=\\"tdesign-radio-button\\" data-v-69152460><div class=\\"t-radio-group t-size-m t-radio-group__outline\\" data-v-69152460><!--[--><label class=\\"t-radio-button\\" data-v-69152460><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"left\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 左侧 <!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\" data-v-69152460><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"right\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 右侧 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-69152460><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"top\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 上方 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-69152460><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"bottom\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 下方 <!--]--><!--]--></span></label><!--]--><!----></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default btn-top-margin\\" type=\\"button\\" data-v-69152460><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/drawer/demos/popup.vue 1`] = `"<div><div class=\\"t-drawer t-drawer--right\\" style=\\"\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>抽屉的内容</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><div class=\\"tdesign-radio-button\\"> 抽屉弹出模式： <div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><!--[--><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"overlay\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> overlay <!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"push\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> push <!--]--><!--]--></span></label><!--]--><!----></div></div><br><br><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->打开抽屉<!--]--></span></button></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/drawer/demos/popup.vue 1`] = `"<div><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\"><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p>抽屉的内容</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><div class=\\"tdesign-radio-button\\"> 抽屉弹出模式： <div class=\\"t-radio-group t-size-m t-radio-group__outline\\"><!--[--><label class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"overlay\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> overlay <!--]--><!--]--></span></label><label class=\\"t-radio-button t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"push\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> push <!--]--><!--]--></span></label><!--]--><!----></div></div><br><br><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->打开抽屉<!--]--></span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/drawer/demos/size.vue 1`] = `"<div data-v-d15f6134><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" data-v-d15f6134><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-d15f6134>抽屉的内容</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><div class=\\"tdesign-radio-button\\" data-v-d15f6134><div class=\\"t-radio-group t-size-m t-radio-group__outline btn-top-margin\\" data-v-d15f6134><!--[--><label class=\\"t-radio-button t-is-checked\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"small\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 小 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"medium\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 中 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"large\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 大 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"200\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 200 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"400px\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 400px <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"50%\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 50% <!--]--><!--]--></span></label><!--]--><!----></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default btn-top-margin\\" type=\\"button\\" data-v-d15f6134><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/drawer/demos/size.vue 1`] = `"<div data-v-d15f6134><div class=\\"t-drawer t-drawer--right\\" style=\\"\\" tabindex=\\"0\\" data-v-d15f6134><div class=\\"t-drawer__mask\\"></div><div class=\\"t-drawer__content-wrapper t-drawer__content-wrapper--right\\" style=\\"width:300px;height:;\\"><div class=\\"t-drawer__header\\">抽屉标题</div><!----><div class=\\"t-drawer__body narrow-scrollbar\\"><!--[--><p data-v-d15f6134>抽屉的内容</p><!--]--></div><div class=\\"t-drawer__footer\\"><div style=\\"display:flex;justify-content:flex-start;\\"><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-primary t-drawer__confirm\\" type=\\"button\\"><span class=\\"t-button__text\\">确认</span></button><button class=\\"t-button t-size-m t-button--variant-base t-button--theme-default t-drawer__cancel\\" type=\\"button\\"><span class=\\"t-button__text\\">取消</span></button><!----></div></div></div></div><div class=\\"tdesign-radio-button\\" data-v-d15f6134><div class=\\"t-radio-group t-size-m t-radio-group__outline btn-top-margin\\" data-v-d15f6134><!--[--><label class=\\"t-radio-button t-is-checked\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name checked value=\\"small\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 小 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"medium\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 中 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"large\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 大 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"200\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 200 <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"400px\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 400px <!--]--><!--]--></span></label><label class=\\"t-radio-button\\" data-v-d15f6134><input type=\\"radio\\" class=\\"t-radio-button__former\\" name value=\\"50%\\"><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\"><!--[--><!--[--> 50% <!--]--><!--]--></span></label><!--]--><!----></div></div><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default btn-top-margin\\" type=\\"button\\" data-v-d15f6134><span class=\\"t-button__text\\"><!--[--> 打开抽屉 <!--]--></span></button></div>"`;
 
 exports[`ssr snapshot test > ssr test ./examples/dropdown/demos/base.vue 1`] = `"<div class=\\"tdesign-demo-dropdown\\" data-v-366759d4><!--[--><div class=\\"tdesign-demo-dropdown-trigger\\" data-v-366759d4><button class=\\"t-button t-size-m t-button--variant-text t-button--theme-default\\" type=\\"button\\" data-v-366759d4><span class=\\"t-button__text\\"><!--[--><span class=\\"tdesign-demo-dropdown__text\\" data-v-366759d4> 下拉菜单 <svg class=\\"t-icon t-icon-chevron-down\\" style=\\"font-size:16;\\" data-v-366759d4><use href=\\"#t-icon-chevron-down\\"></use></svg></span><!--]--></span></button></div><!----><!--]--></div>"`;
 
@@ -637,17 +637,17 @@ exports[`ssr snapshot test > ssr test ./examples/popup/demos/trigger-element.vue
 
 exports[`ssr snapshot test > ssr test ./examples/popup/demos/visible.vue 1`] = `"<div><!--[--><button class=\\"t-button t-size-m t-button--variant-outline t-button--theme-default\\" type=\\"button\\"><span class=\\"t-button__text\\"><!--[-->点击控制浮层显示<!--]--></span></button><!----><!--]--></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/progress/demos/circle.vue 1`] = `"<div data-v-6769d08e><div data-v-6769d08e>默认</div><!-- 重要：strokeWidth 大小不能超过 size 的一半，否则无法渲染出环形 --><div class=\\"t-progress-demo-box\\" data-v-6769d08e><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>默认样式</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>不显示数字</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>自定义内容</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div class=\\"t-progress-demo-box\\" data-v-6769d08e><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>进度完成</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"249.75661596038856  83.25220532012952\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>进度被中断</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div data-v-6769d08e>默认不同尺寸</div><div class=\\"t-progress-demo-box\\" data-v-6769d08e><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>小尺寸</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\"></circle><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,72)\\" stroke-dasharray=\\"64.08849013323179  149.53981031087415\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>默认尺寸</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" style=\\"margin-left:60px;\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>大尺寸</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\"></circle><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,160)\\" stroke-dasharray=\\"362.8539514896211  120.95131716320704\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/progress/demos/circle.vue 1`] = `"<div data-v-6769d08e><div data-v-6769d08e>默认</div><!-- 重要：strokeWidth 大小不能超过 size 的一半，否则无法渲染出环形 --><div class=\\"t-progress-demo-box\\" data-v-6769d08e><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>默认样式</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>不显示数字</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>自定义内容</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div class=\\"t-progress-demo-box\\" data-v-6769d08e><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>进度完成</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"249.75661596038856  83.25220532012952\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>进度被中断</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div data-v-6769d08e>默认不同尺寸</div><div class=\\"t-progress-demo-box\\" data-v-6769d08e><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>小尺寸</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,72)\\" stroke-dasharray=\\"64.08849013323179  149.53981031087415\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>默认尺寸</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-demo-inner\\" style=\\"margin-left:60px;\\" data-v-6769d08e><div class=\\"t-progress-demo-margin\\" data-v-6769d08e>大尺寸</div><div class=\\"t-progress\\" data-v-6769d08e><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,160)\\" stroke-dasharray=\\"362.8539514896211  120.95131716320704\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/progress/demos/custom.vue 1`] = `"<div data-v-9f8aa44c><div data-v-9f8aa44c><div data-v-9f8aa44c>不显示标签</div><div class=\\"t-progress\\" data-v-9f8aa44c><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"279.72740987563515  53.2814114048829\\" style=\\"stroke:;\\"></circle></svg></div></div><div class=\\"t-progress\\" data-v-9f8aa44c><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 class=\\"t-progress-domo-margin\\" data-v-9f8aa44c><div data-v-9f8aa44c>自定义高度</div><div class=\\"t-progress\\" data-v-9f8aa44c><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 data-v-9f8aa44c>自定义尺寸</div><div class=\\"t-progress\\" data-v-9f8aa44c><!----><!----><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\\"></circle><circle cx=\\"100\\" cy=\\"100\\" r=\\"90\\" stroke-width=\\"20\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,200)\\" stroke-dasharray=\\"169.64600329384882  395.8406743523139\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-9f8aa44c><div data-v-9f8aa44c>自定义颜色</div><div class=\\"t-progress\\" data-v-9f8aa44c><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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\\" data-v-9f8aa44c><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"146.52388136342796  186.48493991709014\\" style=\\"stroke:#52CC8D;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-9f8aa44c><div data-v-9f8aa44c>自定义内容</div><div class=\\"t-progress\\" data-v-9f8aa44c><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\\" data-v-9f8aa44c><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"146.52388136342796  186.48493991709014\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/progress/demos/custom.vue 1`] = `"<div data-v-9f8aa44c><div data-v-9f8aa44c><div data-v-9f8aa44c>不显示标签</div><div class=\\"t-progress\\" data-v-9f8aa44c><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"279.72740987563515  53.2814114048829\\" style=\\"stroke:;\\"></circle></svg></div></div><div class=\\"t-progress\\" data-v-9f8aa44c><div class=\\"t-progress--thin t-progress--status--default\\"><div class=\\"t-progress__bar\\" style=\\"\\"><div class=\\"t-progress__inner\\" style=\\"width:84%;background:;\\"></div></div><div class=\\"t-progress__info\\"><!----></div></div><!----><!----></div></div><div class=\\"t-progress-domo-margin\\" data-v-9f8aa44c><div data-v-9f8aa44c>自定义高度</div><div class=\\"t-progress\\" data-v-9f8aa44c><div class=\\"t-progress--thin t-progress--status--default\\"><div class=\\"t-progress__bar\\" style=\\"height:30px;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 data-v-9f8aa44c>自定义尺寸</div><div class=\\"t-progress\\" data-v-9f8aa44c><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"100\\" cy=\\"100\\" r=\\"90\\" stroke-width=\\"20\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,200)\\" stroke-dasharray=\\"169.64600329384882  395.8406743523139\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-9f8aa44c><div data-v-9f8aa44c>自定义颜色</div><div class=\\"t-progress\\" data-v-9f8aa44c><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--default\\" style=\\"\\"><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\\" data-v-9f8aa44c><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"146.52388136342796  186.48493991709014\\" style=\\"stroke:#52CC8D;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-margin\\" data-v-9f8aa44c><div data-v-9f8aa44c>自定义内容</div><div class=\\"t-progress\\" data-v-9f8aa44c><div class=\\"t-progress--thin t-progress--status--default\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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\\" data-v-9f8aa44c><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"146.52388136342796  186.48493991709014\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/progress/demos/line.vue 1`] = `"<div data-v-c2968dc6><h3 data-v-c2968dc6>默认在线形外展示进度和状态</h3><div data-v-c2968dc6><div class=\\"t-progress-domo-margin\\" data-v-c2968dc6>默认样式</div><div class=\\"t-progress\\" data-v-c2968dc6><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-c2968dc6>100%</div><div class=\\"t-progress\\" data-v-c2968dc6><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-c2968dc6>进度完成</div><div class=\\"t-progress\\" data-v-c2968dc6><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\\" style=\\"\\"><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-c2968dc6>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-c2968dc6><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\\" style=\\"\\"><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-c2968dc6>进度被中断</div><div class=\\"t-progress\\" data-v-c2968dc6><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><!----><!----></div><div class=\\"t-progress-domo-margin\\" data-v-c2968dc6>渐变色</div><div class=\\"t-progress\\" data-v-c2968dc6><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><h3 data-v-c2968dc6>可以在线形内展示进度信息</h3><div data-v-c2968dc6><div class=\\"t-progress-domo-margin\\" data-v-c2968dc6>默认样式</div><div class=\\"t-progress\\" data-v-c2968dc6><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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-c2968dc6>进度0-10%时数字数字位置出现在目前进度的右边区域</div><div class=\\"t-progress\\" data-v-c2968dc6><!----><div class=\\"t-progress__bar t-progress--plump t-progress--under-ten\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:5%;background:;\\"><!----></div><div class=\\"t-progress__info\\">5%</div></div><!----></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/progress/demos/line.vue 1`] = `"<div data-v-c2968dc6><h3 data-v-c2968dc6>默认在线形外展示进度和状态</h3><div data-v-c2968dc6><div class=\\"t-progress-domo-margin\\" data-v-c2968dc6>默认样式</div><div class=\\"t-progress\\" data-v-c2968dc6><div class=\\"t-progress--thin t-progress--status--default\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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-c2968dc6>100%</div><div class=\\"t-progress\\" data-v-c2968dc6><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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-c2968dc6>进度完成</div><div class=\\"t-progress\\" data-v-c2968dc6><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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\\" style=\\"\\"><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-c2968dc6>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-c2968dc6><div class=\\"t-progress--thin t-progress--status--error\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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\\" style=\\"\\"><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-c2968dc6>进度被中断</div><div class=\\"t-progress\\" data-v-c2968dc6><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><!----><!----></div><div class=\\"t-progress-domo-margin\\" data-v-c2968dc6>渐变色</div><div class=\\"t-progress\\" data-v-c2968dc6><div class=\\"t-progress--thin t-progress--status--active\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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><h3 data-v-c2968dc6>可以在线形内展示进度信息</h3><div data-v-c2968dc6><div class=\\"t-progress-domo-margin\\" data-v-c2968dc6>默认样式</div><div class=\\"t-progress\\" data-v-c2968dc6><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--default\\" style=\\"\\"><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-c2968dc6>进度0-10%时数字数字位置出现在目前进度的右边区域</div><div class=\\"t-progress\\" data-v-c2968dc6><!----><div class=\\"t-progress__bar t-progress--plump t-progress--under-ten t-progress--status--default\\" style=\\"\\"><div class=\\"t-progress__inner\\" style=\\"width:5%;background:;\\"><!----></div><div class=\\"t-progress__info\\">5%</div></div><!----></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/progress/demos/plump.vue 1`] = `"<!--[--><div class=\\"t-progress-domo-margin\\" data-v-440b6b83>默认样式</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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-440b6b83>进度0-10%时数字数字位置出现在目前进度的右边区域</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--under-ten\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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-440b6b83>100%</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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-440b6b83>进度完成</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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-440b6b83>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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-440b6b83>进度被中断</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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-440b6b83>渐变色</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--active\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><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><!--]-->"`;
+exports[`ssr snapshot test > ssr test ./examples/progress/demos/plump.vue 1`] = `"<!--[--><div class=\\"t-progress-domo-margin\\" data-v-440b6b83>默认样式</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--default\\" style=\\"\\"><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-440b6b83>进度0-10%时数字数字位置出现在目前进度的右边区域</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--under-ten t-progress--status--default\\" style=\\"\\"><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-440b6b83>100%</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"\\"><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-440b6b83>进度完成</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"\\"><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-440b6b83>进度状态发生重大错误</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error\\" style=\\"\\"><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-440b6b83>进度被中断</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning\\" style=\\"\\"><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-440b6b83>渐变色</div><div class=\\"t-progress\\" data-v-440b6b83><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--active\\" style=\\"\\"><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><!--]-->"`;
 
-exports[`ssr snapshot test > ssr test ./examples/progress/demos/size.vue 1`] = `"<div data-v-eb51caac><div data-v-eb51caac>默认</div><div class=\\"t-progress-domo-flex t-progress-domo-margin\\" data-v-eb51caac><div class=\\"t-progress-domo-inner\\" data-v-eb51caac><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-eb51caac><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"249.75661596038856  83.25220532012952\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-eb51caac><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-eb51caac><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div data-v-eb51caac>默认不同尺寸</div><div class=\\"t-progress-domo-margin\\" data-v-eb51caac><div data-v-eb51caac>小尺寸</div><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\"></circle><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,72)\\" stroke-dasharray=\\"64.08849013323179  149.53981031087415\\" style=\\"stroke:;\\"></circle></svg></div></div><div data-v-eb51caac>大尺寸</div><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\"></circle><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,160)\\" stroke-dasharray=\\"362.8539514896211  120.95131716320704\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/progress/demos/size.vue 1`] = `"<div data-v-eb51caac><div data-v-eb51caac>默认</div><div class=\\"t-progress-domo-flex t-progress-domo-margin\\" data-v-eb51caac><div class=\\"t-progress-domo-inner\\" data-v-eb51caac><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"99.90264638415542  233.10617489636263\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-eb51caac><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"249.75661596038856  83.25220532012952\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-eb51caac><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"166.50441064025904  166.50441064025904\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div class=\\"t-progress-domo-inner\\" data-v-eb51caac><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"333.0088212805181  0\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div><div data-v-eb51caac>默认不同尺寸</div><div class=\\"t-progress-domo-margin\\" data-v-eb51caac><div data-v-eb51caac>小尺寸</div><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"36\\" cy=\\"36\\" r=\\"34\\" stroke-width=\\"4\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,72)\\" stroke-dasharray=\\"64.08849013323179  149.53981031087415\\" style=\\"stroke:;\\"></circle></svg></div></div><div data-v-eb51caac>大尺寸</div><div class=\\"t-progress\\" data-v-eb51caac><!----><!----><div class=\\"t-progress--circle t-progress--status--default\\" 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\\"></circle><circle cx=\\"80\\" cy=\\"80\\" r=\\"77\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,160)\\" stroke-dasharray=\\"362.8539514896211  120.95131716320704\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test ./examples/progress/demos/status.vue 1`] = `"<div data-v-1d49c9db><div data-v-1d49c9db><div data-v-1d49c9db>进度完成：</div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><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\\" style=\\"\\"><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 t-progress-domo-margin\\" data-v-1d49c9db><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div><!----></div><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div data-v-1d49c9db><div data-v-1d49c9db>进度状态出现重大错误（如下载的文件有损）：</div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><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\\" style=\\"\\"><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 t-progress-domo-margin\\" data-v-1d49c9db><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div><!----></div><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><!----><!----><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div data-v-1d49c9db><div data-v-1d49c9db>进度被中断（如失去网络连接）</div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><!----><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning\\" style=\\"height:undefinedpx;background-color:;border-radius:undefinedpx;\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div><!----></div><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><!----><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test ./examples/progress/demos/status.vue 1`] = `"<div data-v-1d49c9db><div data-v-1d49c9db><div data-v-1d49c9db>进度完成：</div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><div class=\\"t-progress--thin t-progress--status--success\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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\\" style=\\"\\"><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 t-progress-domo-margin\\" data-v-1d49c9db><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--success\\" style=\\"\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div><!----></div><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div data-v-1d49c9db><div data-v-1d49c9db>进度状态出现重大错误（如下载的文件有损）：</div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><div class=\\"t-progress--thin t-progress--status--error\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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\\" style=\\"\\"><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 t-progress-domo-margin\\" data-v-1d49c9db><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--error\\" style=\\"\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div><!----></div><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><!----><!----><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg></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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" style=\\"stroke:;\\"></circle></svg></div></div></div><div data-v-1d49c9db><div data-v-1d49c9db>进度被中断（如失去网络连接）</div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><!----><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><!----><div class=\\"t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--warning\\" style=\\"\\"><div class=\\"t-progress__inner\\" style=\\"width:80%;background:;\\"><div class=\\"t-progress__info\\">80%</div></div><!----></div><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><div class=\\"t-progress--thin t-progress--status--warning\\"><div class=\\"t-progress__bar\\" style=\\"\\"><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\\" style=\\"\\"><path fill=\\"currentColor\\" d=\\"M15 8A7 7 0 101 8a7 7 0 0014 0zM8.5 4v5.5h-1V4h1zm-1.1 7h1.2v1.2H7.4V11z\\" fill-opacity=\\"0.9\\"></path></svg></div></div><!----><!----></div><div class=\\"t-progress t-progress-domo-margin\\" data-v-1d49c9db><!----><!----><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\\" style=\\"\\"><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\\"></circle><circle cx=\\"56\\" cy=\\"56\\" r=\\"53\\" stroke-width=\\"6\\" fill=\\"none\\" stroke-linecap=\\"round\\" class=\\"t-progress__circle-inner\\" transform=\\"matrix(0,-1,1,0,0,112)\\" stroke-dasharray=\\"266.4070570244145  66.6017642561036\\" style=\\"stroke:;\\"></circle></svg></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test ./examples/radio/demos/base.vue 1`] = `"<div class=\\"tdesign-radio-base\\"><div class=\\"tdesign-demo-block\\"><label class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[-->未选中项<!--]--></span></label><label class=\\"t-radio\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[--> 可取消选中项 <!--]--></span></label><label class=\\"t-radio t-is-checked\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[--> 选中项 <!--]--></span></label><label class=\\"t-radio t-is-checked t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name checked disabled><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[--> 选中禁用态 <!--]--></span></label><label class=\\"t-radio t-is-disabled\\"><input type=\\"radio\\" class=\\"t-radio__former\\" name disabled><span class=\\"t-radio__input\\"></span><span class=\\"t-radio__label\\"><!--[--> 未选中禁用态 <!--]--></span></label></div></div>"`;
 
diff --git a/test/unit/progress/__snapshots__/index.test.jsx.snap b/test/unit/progress/__snapshots__/index.test.jsx.snap
index 6f57d3a755..31185a60fb 100644
--- a/test/unit/progress/__snapshots__/index.test.jsx.snap
+++ b/test/unit/progress/__snapshots__/index.test.jsx.snap
@@ -5,11 +5,10 @@ exports[`Progress > :props > :color > :color is Array, equal to ["#f00", "#0ff",
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -32,11 +31,10 @@ exports[`Progress > :props > :color > :color is Object, equal to { "0%": "#f00",
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -59,11 +57,10 @@ exports[`Progress > :props > :color > :color is String, equal to "#aaa" 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -86,11 +83,10 @@ exports[`Progress > :props > :label > :label is String, equal to "custom label t
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -113,11 +109,10 @@ exports[`Progress > :props > :label > :label is TNode, equal to () => "tnode" 1`
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -140,11 +135,10 @@ exports[`Progress > :props > :label > :label is boolean, equal to false 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -167,11 +161,10 @@ exports[`Progress > :props > :label > :label is boolean, equal to true 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -194,11 +187,10 @@ exports[`Progress > :props > :percentage > :percentage is between 0 to 100, equa
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -225,7 +217,6 @@ exports[`Progress > :props > :percentage > :percentage is great equal than 100,
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -248,11 +239,10 @@ exports[`Progress > :props > :percentage > :percentage is less than 0, equal to
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -275,11 +265,10 @@ exports[`Progress > :props > :size > :size is Number, equal to 50 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -302,11 +291,10 @@ exports[`Progress > :props > :size > :size is String, equal to "large" 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -329,11 +317,10 @@ exports[`Progress > :props > :size > :size is String, equal to "medium" 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -356,11 +343,10 @@ exports[`Progress > :props > :size > :size is String, equal to "small" 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -387,7 +373,6 @@ exports[`Progress > :props > :status > :status is active 1`] = `
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -414,7 +399,6 @@ exports[`Progress > :props > :status > :status is error 1`] = `
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -453,7 +437,6 @@ exports[`Progress > :props > :status > :status is success 1`] = `
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -492,7 +475,6 @@ exports[`Progress > :props > :status > :status is warning 1`] = `
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -527,7 +509,7 @@ exports[`Progress > :props > :strokeWidth > :strokeWidth is Number, equal to 50
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
@@ -554,7 +536,7 @@ exports[`Progress > :props > :strokeWidth > :strokeWidth is String, equal to "50
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
@@ -583,7 +565,7 @@ exports[`Progress > :props > :theme > :theme circle progress has t-progress__cir
   <!---->
   <!---->
   <div
-    class="t-progress--circle t-progress--status--undefined"
+    class="t-progress--circle t-progress--status--default"
     style="width: 112px; height: 112px; font-size: 20px;"
   >
     <div
@@ -626,11 +608,10 @@ exports[`Progress > :props > :theme > :theme line and plump progress have t-prog
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -654,8 +635,7 @@ exports[`Progress > :props > :theme > :theme line and plump progress have t-prog
 >
   <!---->
   <div
-    class="t-progress__bar t-progress--plump t-progress--under-ten"
-    style="border-radius: undefinedpx;"
+    class="t-progress__bar t-progress--plump t-progress--under-ten t-progress--status--default"
   >
     <div
       class="t-progress__inner"
@@ -679,8 +659,7 @@ exports[`Progress > :props > :theme > :theme line and plump progress have t-prog
 >
   <!---->
   <div
-    class="t-progress__bar t-progress--plump t-progress--under-ten"
-    style="border-radius: undefinedpx;"
+    class="t-progress__bar t-progress--plump t-progress--under-ten t-progress--status--default"
   >
     <div
       class="t-progress__inner"
@@ -704,8 +683,7 @@ exports[`Progress > :props > :theme > :theme line and plump progress have t-prog
 >
   <!---->
   <div
-    class="t-progress__bar t-progress--plump t-progress--over-ten"
-    style="border-radius: undefinedpx;"
+    class="t-progress__bar t-progress--plump t-progress--over-ten t-progress--status--default"
   >
     <div
       class="t-progress__inner"
@@ -730,7 +708,7 @@ exports[`Progress > :props > :theme > :theme:circle 1`] = `
   <!---->
   <!---->
   <div
-    class="t-progress--circle t-progress--status--undefined"
+    class="t-progress--circle t-progress--status--default"
     style="width: 112px; height: 112px; font-size: 20px;"
   >
     <div
@@ -763,11 +741,10 @@ exports[`Progress > :props > :theme > :theme:line 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
@@ -791,8 +768,7 @@ exports[`Progress > :props > :theme > :theme:plump 1`] = `
 >
   <!---->
   <div
-    class="t-progress__bar t-progress--plump t-progress--under-ten"
-    style="border-radius: undefinedpx;"
+    class="t-progress__bar t-progress--plump t-progress--under-ten t-progress--status--default"
   >
     <div
       class="t-progress__inner"
@@ -815,11 +791,11 @@ exports[`Progress > :props > :trackColor > :trackColor is "#aaa" 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="background-color: rgb(170, 170, 170); border-radius: undefinedpx;"
+      style="background-color: rgb(170, 170, 170);"
     >
       <div
         class="t-progress__inner"
@@ -842,11 +818,10 @@ exports[`Progress > pure progress contains one class 1`] = `
   class="t-progress"
 >
   <div
-    class="t-progress--thin t-progress--status--undefined"
+    class="t-progress--thin t-progress--status--default"
   >
     <div
       class="t-progress__bar"
-      style="border-radius: undefinedpx;"
     >
       <div
         class="t-progress__inner"
diff --git a/test/unit/transfer/util.test.jsx b/test/unit/transfer/util.test.jsx
index 7a8a6c629f..9d85b6bab7 100644
--- a/test/unit/transfer/util.test.jsx
+++ b/test/unit/transfer/util.test.jsx
@@ -1,4 +1,4 @@
-import { getDataValues, cloneTreeWithFilter, getLeefCount } from '@/src/transfer/utils';
+import { getDataValues, cloneTreeWithFilter, getLefCount } from '@/src/transfer/utils';
 
 describe('Transfer', () => {
   describe('utils', () => {
@@ -861,7 +861,7 @@ describe('Transfer', () => {
       });
     });
 
-    describe('getLeefCount', () => {
+    describe('getLefCount', () => {
       it('result test 1', () => {
         const data = [
           {
@@ -882,7 +882,7 @@ describe('Transfer', () => {
             ],
           },
         ];
-        expect(getLeefCount(data)).toEqual(4);
+        expect(getLefCount(data)).toEqual(4);
       });
 
       it('result test 2', () => {
@@ -977,7 +977,7 @@ describe('Transfer', () => {
           },
         ];
 
-        expect(getLeefCount(sourceTree)).toEqual(10);
+        expect(getLefCount(sourceTree)).toEqual(10);
       });
     });
   });