diff --git a/src/radio/Radio.tsx b/src/radio/Radio.tsx
index c222abb1..fb379498 100644
--- a/src/radio/Radio.tsx
+++ b/src/radio/Radio.tsx
@@ -2,8 +2,8 @@ import React, { createContext, forwardRef, useContext, useRef } from 'react';
 import type { CSSProperties, Ref } from 'react';
 import classNames from 'classnames';
 import { CheckIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';
+import { usePrefixClass } from 'tdesign-mobile-react/hooks/useClass';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics';
-import useConfig from '../_util/useConfig';
 import useDefault from '../_util/useDefault';
 import type { TdRadioProps } from './type';
 import RadioGroup from './RadioGroup';
@@ -27,8 +27,7 @@ const getLimitRow = (row: number): CSSProperties => ({
 });
 
 const Radio = forwardRef((_props: RadioProps, ref: Ref<HTMLDivElement>) => {
-  const { classPrefix: prefix } = useConfig();
-  const classPrefix = `${prefix}-radio`;
+  const radioClass = usePrefixClass('radio');
   const inputRef = useRef();
   const context = useContext(RadioContext);
   const props = context ? context.inject(_props) : _props;
@@ -50,12 +49,14 @@ const Radio = forwardRef((_props: RadioProps, ref: Ref<HTMLDivElement>) => {
     value,
     borderless,
     onChange,
+    readonly,
+    children,
   } = useDefaultProps<TdRadioProps>(props, radioDefaultProps);
 
   const [radioChecked, setRadioChecked] = useDefault(checked, defaultChecked, onChange);
 
   const switchRadioChecked = (area?: string) => {
-    if (disabled) {
+    if (disabled || readonly) {
       return;
     }
     if (area === 'content' && contentDisabled) {
@@ -73,20 +74,20 @@ const Radio = forwardRef((_props: RadioProps, ref: Ref<HTMLDivElement>) => {
     }
     if (radioChecked) {
       if (icon === 'circle') {
-        return <CheckCircleFilledIcon className={`${classPrefix}__icon-wrap`} />;
+        return <CheckCircleFilledIcon className={`${radioClass}__icon-wrap`} />;
       }
       if (icon === 'line') {
-        return <CheckIcon className={`${classPrefix}__icon-wrap`} />;
+        return <CheckIcon className={`${radioClass}__icon-wrap`} />;
       }
       if (icon === 'dot') {
-        let dotIconClassName = `${classPrefix}__icon-${icon}`;
-        disabled && (dotIconClassName += ` ${classPrefix}__icon-${icon}--disabled`);
+        let dotIconClassName = `${radioClass}__icon-${icon}`;
+        disabled && (dotIconClassName += ` ${radioClass}__icon-${icon}--disabled`);
         return <div className={dotIconClassName} />;
       }
     } else {
       if (icon === 'circle' || icon === 'dot') {
-        let circleIconClassName = `${classPrefix}__icon-circle`;
-        disabled && (circleIconClassName += ` ${classPrefix}__icon-circle--disabled`);
+        let circleIconClassName = `${radioClass}__icon-circle`;
+        disabled && (circleIconClassName += ` ${radioClass}__icon-circle--disabled`);
         return <div className={circleIconClassName} />;
       }
       if (icon === 'line') {
@@ -95,27 +96,22 @@ const Radio = forwardRef((_props: RadioProps, ref: Ref<HTMLDivElement>) => {
     }
   };
 
-  const labelStyle = {
-    ...getLimitRow(maxLabelRow),
-    color: disabled ? '#dcdcdc' : 'inherit',
-  };
-
-  const radioClassName = classNames(`${classPrefix}`, `${classPrefix}--${placement}`, {
-    [`${classPrefix}--block`]: block,
+  const radioClassName = classNames(`${radioClass}`, `${radioClass}--${placement}`, {
+    [`${radioClass}--block`]: block,
   });
 
-  const titleClassName = classNames(`${classPrefix}__title`, { [`${classPrefix}__title--disabled`]: disabled });
+  const titleClassName = classNames(`${radioClass}__title`, { [`${radioClass}__title--disabled`]: disabled });
 
   const input = (
     <input
       type="radio"
-      readOnly
+      readOnly={readonly}
       name={name}
       ref={inputRef}
       // @ts-ignore
       value={value}
       disabled={disabled}
-      className={classNames(`${classPrefix}__original`)}
+      className={classNames(`${radioClass}__original`)}
       checked={radioChecked}
       onClick={(e) => {
         e.stopPropagation();
@@ -127,23 +123,23 @@ const Radio = forwardRef((_props: RadioProps, ref: Ref<HTMLDivElement>) => {
     />
   );
 
-  const iconClass = classNames(`${classPrefix}__icon`, `${classPrefix}__icon--${placement}`, {
-    [`${classPrefix}__icon--checked`]: radioChecked,
-    [`${classPrefix}__icon--disabled`]: disabled,
+  const iconClass = classNames(`${radioClass}__icon`, `${radioClass}__icon--${placement}`, {
+    [`${radioClass}__icon--checked`]: radioChecked,
+    [`${radioClass}__icon--disabled`]: disabled,
   });
   return (
     <div className={radioClassName} ref={ref} onClick={() => switchRadioChecked()}>
       {input}
       <div className={iconClass}>{renderIcon()}</div>
-      <div className={`${classPrefix}__content`}>
-        {label && (
-          <span className={titleClassName} style={labelStyle}>
-            {label}
+      <div className={`${radioClass}__content`}>
+        {(label || children) && (
+          <span className={titleClassName} style={{ WebkitLineClamp: maxLabelRow }}>
+            {label || children}
           </span>
         )}
         {content && (
           <div
-            className={`${classPrefix}__description ${disabled && `${classPrefix}__description--disabled`}`}
+            className={`${radioClass}__description ${disabled && `${radioClass}__description--disabled`}`}
             style={getLimitRow(maxContentRow)}
           >
             {content}
@@ -151,7 +147,7 @@ const Radio = forwardRef((_props: RadioProps, ref: Ref<HTMLDivElement>) => {
         )}
       </div>
 
-      {!borderless && block && <div className={`${classPrefix}__border ${classPrefix}__border--${placement}`}></div>}
+      {!borderless && block && <div className={`${radioClass}__border ${radioClass}__border--${placement}`}></div>}
     </div>
   );
 });
diff --git a/src/radio/RadioGroup.tsx b/src/radio/RadioGroup.tsx
index 059b3523..d03a7ee3 100644
--- a/src/radio/RadioGroup.tsx
+++ b/src/radio/RadioGroup.tsx
@@ -7,11 +7,12 @@ import type { TdRadioGroupProps } from './type';
 
 export interface RadioGroupProps extends TdRadioGroupProps {
   children?: ReactNode;
+  className: string;
 }
 
 const RadioGroup: FC<RadioGroupProps> = (props) => {
   const { classPrefix } = useConfig();
-  const { disabled, options, value, defaultValue, children, onChange } = props;
+  const { disabled, options, value, defaultValue, children, onChange, allowUncheck, borderless, className } = props;
   const groupRef = useRef(null);
   const [internalValue, setInternalValue] = useDefault(value, defaultValue, onChange);
 
@@ -27,6 +28,8 @@ const RadioGroup: FC<RadioGroupProps> = (props) => {
           typeof radioProps.value !== 'undefined' &&
           internalValue === radioProps.value,
         disabled: radioProps.disabled || disabled,
+        allowUncheck: radioProps.allowUncheck || allowUncheck,
+        borderless: radioProps.borderless || borderless,
         onChange: (checked, { e }) => {
           if (typeof radioProps.onChange === 'function') {
             radioProps.onChange(checked, { e });
@@ -39,7 +42,7 @@ const RadioGroup: FC<RadioGroupProps> = (props) => {
   };
 
   const renderOptions = () =>
-    options.map((option) => {
+    options.map((option, index) => {
       if (typeof option === 'number' || typeof option === 'string') {
         return (
           <Radio value={option} key={option} label={option}>
@@ -48,13 +51,13 @@ const RadioGroup: FC<RadioGroupProps> = (props) => {
         );
       }
       return (
-        <Radio value={option.value} key={option.value} disabled={option.disabled}>
+        <Radio value={option.value} key={index} disabled={option.disabled}>
           {option.label}
         </Radio>
       );
     });
   return (
-    <div ref={groupRef} className={`${classPrefix}-radio-group ${props.className || ''}`}>
+    <div ref={groupRef} className={`${classPrefix}-radio-group ${className || ''}`}>
       <RadioContext.Provider value={context}>{options?.length ? renderOptions() : children}</RadioContext.Provider>
     </div>
   );
diff --git a/src/radio/defaultProps.ts b/src/radio/defaultProps.ts
index 781f4fa0..8beff2f0 100644
--- a/src/radio/defaultProps.ts
+++ b/src/radio/defaultProps.ts
@@ -16,6 +16,7 @@ export const radioDefaultProps: TdRadioProps = {
   maxContentRow: 5,
   maxLabelRow: 3,
   placement: 'left',
+  readonly: false,
   value: undefined,
 };
 
diff --git a/src/radio/radio.en-US.md b/src/radio/radio.en-US.md
index 92810c64..c2911e20 100644
--- a/src/radio/radio.en-US.md
+++ b/src/radio/radio.en-US.md
@@ -24,7 +24,8 @@ maxContentRow | Number | 5 | \- | N
 maxLabelRow | Number | 3 | \- | N
 name | String | - | \- | N
 placement | String | left | options: left/right | N
-value | String / Number / Boolean | undefined | Typescript：`string \| number \| boolean` | N
+readonly | Boolean | false | \- | N
+value | String / Number / Boolean | undefined | Typescript：`T` | N
 onChange | Function |  | Typescript：`(checked: boolean, context: { e: ChangeEvent }) => void`<br/> | N
 
 
@@ -44,4 +45,4 @@ options | Array | - | Typescript：`Array<RadioOption>` `type RadioOption = stri
 placement | String | left | options: left/right | N
 value | String / Number / Boolean | - | Typescript：`T` `type RadioValue = string \| number \| boolean`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/radio/type.ts) | N
 defaultValue | String / Number / Boolean | - | uncontrolled property。Typescript：`T` `type RadioValue = string \| number \| boolean`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/radio/type.ts) | N
-onChange | Function |  | Typescript：`(value: T, context: { e: ChangeEvent }) => void`<br/> | N
+onChange | Function |  | Typescript：`(value: T, context: { e: ChangeEvent; name?: string }) => void`<br/> | N
diff --git a/src/radio/radio.md b/src/radio/radio.md
index 6bbe974c..832c1a20 100644
--- a/src/radio/radio.md
+++ b/src/radio/radio.md
@@ -24,7 +24,8 @@ maxContentRow | Number | 5 | 内容最大行数限制 | N
 maxLabelRow | Number | 3 | 主文案最大行数限制 | N
 name | String | - | HTML 元素原生属性 | N
 placement | String | left | 复选框和内容相对位置。可选项：left/right | N
-value | String / Number / Boolean | undefined | 单选按钮的值。TS 类型：`string \| number \| boolean` | N
+readonly | Boolean | false | 只读状态 | N
+value | String / Number / Boolean | undefined | 单选按钮的值。TS 类型：`T` | N
 onChange | Function |  | TS 类型：`(checked: boolean, context: { e: ChangeEvent }) => void`<br/>选中状态变化时触发 | N
 
 
@@ -44,4 +45,4 @@ options | Array | - | 单选组件按钮形式。RadioOption 数据类型为 str
 placement | String | left | 复选框和内容相对位置。可选项：left/right | N
 value | String / Number / Boolean | - | 选中的值。TS 类型：`T` `type RadioValue = string \| number \| boolean`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/radio/type.ts) | N
 defaultValue | String / Number / Boolean | - | 选中的值。非受控属性。TS 类型：`T` `type RadioValue = string \| number \| boolean`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/radio/type.ts) | N
-onChange | Function |  | TS 类型：`(value: T, context: { e: ChangeEvent }) => void`<br/>选中值发生变化时触发 | N
+onChange | Function |  | TS 类型：`(value: T, context: { e: ChangeEvent; name?: string }) => void`<br/>选中值发生变化时触发, `context.name` 指 RadioGroup 的 name 属性 | N
diff --git a/src/radio/style/index.js b/src/radio/style/index.js
index 1b755a93..dab3f1cc 100644
--- a/src/radio/style/index.js
+++ b/src/radio/style/index.js
@@ -1,2 +1 @@
 import '../../_common/style/mobile/components/radio/v2/_index.less';
-import '../../_common/style/mobile/components/radio-group/_index.less';
diff --git a/src/radio/type.ts b/src/radio/type.ts
index cfc5954d..0972209c 100644
--- a/src/radio/type.ts
+++ b/src/radio/type.ts
@@ -7,7 +7,7 @@
 import { TNode, KeysType } from '../common';
 import { ChangeEvent } from 'react';
 
-export interface TdRadioProps {
+export interface TdRadioProps<T = RadioValue> {
   /**
    * 已废弃。复选框和内容相对位置
    * @default left
@@ -83,10 +83,15 @@ export interface TdRadioProps {
    * @default left
    */
   placement?: 'left' | 'right';
+  /**
+   * 只读状态
+   * @default false
+   */
+  readonly?: boolean;
   /**
    * 单选按钮的值
    */
-  value?: string | number | boolean;
+  value?: T;
   /**
    * 选中状态变化时触发
    */
@@ -140,9 +145,9 @@ export interface TdRadioGroupProps<T = RadioValue> {
    */
   defaultValue?: T;
   /**
-   * 选中值发生变化时触发
+   * 选中值发生变化时触发, `context.name` 指 RadioGroup 的 name 属性
    */
-  onChange?: (value: T, context: { e: ChangeEvent<HTMLDivElement> }) => void;
+  onChange?: (value: T, context: { e: ChangeEvent<HTMLDivElement>; name?: string }) => void;
 }
 
 export type RadioOption = string | number | RadioOptionObj;
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index a33fd5ff..b3647135 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -2987,8 +2987,10 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                       width="1em"
                     >
                       <path
-                        d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"
+                        clip-rule="evenodd"
+                        d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z"
                         fill="currentColor"
+                        fill-rule="evenodd"
                       />
                     </svg>
                   </div>
@@ -3270,8 +3272,10 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                     width="1em"
                   >
                     <path
-                      d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"
+                      clip-rule="evenodd"
+                      d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z"
                       fill="currentColor"
+                      fill-rule="evenodd"
                     />
                   </svg>
                 </div>
@@ -3462,8 +3466,10 @@ exports[`csr snapshot test > csr test src/cell/_example/base.tsx 1`] = `
                     width="1em"
                   >
                     <path
-                      d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"
+                      clip-rule="evenodd"
+                      d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z"
                       fill="currentColor"
+                      fill-rule="evenodd"
                     />
                   </svg>
                 </div>
@@ -3623,8 +3629,10 @@ exports[`csr snapshot test > csr test src/cell/_example/group.tsx 1`] = `
               width="1em"
             >
               <path
-                d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"
+                clip-rule="evenodd"
+                d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z"
                 fill="currentColor"
+                fill-rule="evenodd"
               />
             </svg>
           </div>
@@ -3986,8 +3994,10 @@ exports[`csr snapshot test > csr test src/cell/_example/multiple.tsx 1`] = `
               width="1em"
             >
               <path
-                d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"
+                clip-rule="evenodd"
+                d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z"
                 fill="currentColor"
+                fill-rule="evenodd"
               />
             </svg>
           </div>
@@ -4344,8 +4354,10 @@ exports[`csr snapshot test > csr test src/cell/_example/single.tsx 1`] = `
                 width="1em"
               >
                 <path
-                  d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"
+                  clip-rule="evenodd"
+                  d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z"
                   fill="currentColor"
+                  fill-rule="evenodd"
                 />
               </svg>
             </div>
@@ -31972,7 +31984,6 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
       <input
         checked=""
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="idx0"
       />
@@ -31997,7 +32008,7 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选
         </span>
@@ -32011,7 +32022,6 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
     >
       <input
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="idx1"
       />
@@ -32027,7 +32037,7 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选
         </span>
@@ -32041,7 +32051,6 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
     >
       <input
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="idx2"
       />
@@ -32057,7 +32066,7 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选
         </span>
@@ -32071,7 +32080,6 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
     >
       <input
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="idx3"
       />
@@ -32087,7 +32095,7 @@ exports[`csr snapshot test > csr test src/radio/_example/base.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选
         </span>
@@ -32117,7 +32125,6 @@ exports[`csr snapshot test > csr test src/radio/_example/card.tsx 1`] = `
       <input
         checked=""
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="1"
       />
@@ -32142,7 +32149,7 @@ exports[`csr snapshot test > csr test src/radio/_example/card.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选
         </span>
@@ -32156,7 +32163,6 @@ exports[`csr snapshot test > csr test src/radio/_example/card.tsx 1`] = `
     >
       <input
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="2"
       />
@@ -32172,7 +32178,7 @@ exports[`csr snapshot test > csr test src/radio/_example/card.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选
         </span>
@@ -32186,7 +32192,6 @@ exports[`csr snapshot test > csr test src/radio/_example/card.tsx 1`] = `
     >
       <input
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="3"
       />
@@ -32202,7 +32207,7 @@ exports[`csr snapshot test > csr test src/radio/_example/card.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选标题多行单选标题多行单选标题多行单选标题多行单选标题多行
         </span>
@@ -32252,7 +32257,6 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
             <input
               checked=""
               class="t-radio__original"
-              readonly=""
               type="radio"
               value="0"
             />
@@ -32264,7 +32268,7 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -32285,7 +32289,6 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
           >
             <input
               class="t-radio__original"
-              readonly=""
               type="radio"
               value="1"
             />
@@ -32297,7 +32300,7 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -32318,7 +32321,6 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
           >
             <input
               class="t-radio__original"
-              readonly=""
               type="radio"
               value="2"
             />
@@ -32330,7 +32332,7 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -32381,7 +32383,6 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
             <input
               checked=""
               class="t-radio__original"
-              readonly=""
               type="radio"
               value="0"
             />
@@ -32393,7 +32394,7 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -32408,7 +32409,6 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
           >
             <input
               class="t-radio__original"
-              readonly=""
               type="radio"
               value="1"
             />
@@ -32420,7 +32420,7 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -32435,7 +32435,6 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
           >
             <input
               class="t-radio__original"
-              readonly=""
               type="radio"
               value="2"
             />
@@ -32447,7 +32446,7 @@ exports[`csr snapshot test > csr test src/radio/_example/custom.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -32471,7 +32470,6 @@ exports[`csr snapshot test > csr test src/radio/_example/horizontal.tsx 1`] = `
       <input
         checked=""
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="idx0"
       />
@@ -32496,7 +32494,7 @@ exports[`csr snapshot test > csr test src/radio/_example/horizontal.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选标题
         </span>
@@ -32507,7 +32505,6 @@ exports[`csr snapshot test > csr test src/radio/_example/horizontal.tsx 1`] = `
     >
       <input
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="idx1"
       />
@@ -32523,7 +32520,7 @@ exports[`csr snapshot test > csr test src/radio/_example/horizontal.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选标题
         </span>
@@ -32534,7 +32531,6 @@ exports[`csr snapshot test > csr test src/radio/_example/horizontal.tsx 1`] = `
     >
       <input
         class="t-radio__original"
-        readonly=""
         type="radio"
         value="idx2"
       />
@@ -32550,7 +32546,7 @@ exports[`csr snapshot test > csr test src/radio/_example/horizontal.tsx 1`] = `
       >
         <span
           class="t-radio__title"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+          style="-webkit-line-clamp: 3;"
         >
           单选标题
         </span>
@@ -32568,7 +32564,6 @@ exports[`csr snapshot test > csr test src/radio/_example/icon.tsx 1`] = `
     <input
       checked=""
       class="t-radio__original"
-      readonly=""
       type="radio"
       value=""
     />
@@ -32593,7 +32588,7 @@ exports[`csr snapshot test > csr test src/radio/_example/icon.tsx 1`] = `
     >
       <span
         class="t-radio__title"
-        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+        style="-webkit-line-clamp: 3;"
       >
         单选
       </span>
@@ -32608,7 +32603,6 @@ exports[`csr snapshot test > csr test src/radio/_example/icon.tsx 1`] = `
     <input
       checked=""
       class="t-radio__original"
-      readonly=""
       type="radio"
       value=""
     />
@@ -32624,7 +32618,7 @@ exports[`csr snapshot test > csr test src/radio/_example/icon.tsx 1`] = `
     >
       <span
         class="t-radio__title"
-        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+        style="-webkit-line-clamp: 3;"
       >
         单选
       </span>
@@ -32687,7 +32681,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               <input
                 checked=""
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="idx0"
               />
@@ -32712,7 +32705,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选
                 </span>
@@ -32726,7 +32719,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <input
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="idx1"
               />
@@ -32742,7 +32734,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选
                 </span>
@@ -32756,7 +32748,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <input
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="idx2"
               />
@@ -32772,7 +32763,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选
                 </span>
@@ -32786,7 +32777,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <input
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="idx3"
               />
@@ -32802,7 +32792,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选
                 </span>
@@ -32848,7 +32838,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               <input
                 checked=""
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="idx0"
               />
@@ -32873,7 +32862,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选标题
                 </span>
@@ -32884,7 +32873,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <input
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="idx1"
               />
@@ -32900,7 +32888,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选标题
                 </span>
@@ -32911,7 +32899,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <input
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="idx2"
               />
@@ -32927,7 +32914,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选标题
                 </span>
@@ -32970,7 +32957,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                 checked=""
                 class="t-radio__original"
                 disabled=""
-                readonly=""
                 type="radio"
                 value="1"
               />
@@ -32995,7 +32981,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title t-radio__title--disabled"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; color: rgb(220, 220, 220);"
+                  style="-webkit-line-clamp: 3;"
                 >
                   选项禁用-已选
                 </span>
@@ -33010,7 +32996,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               <input
                 class="t-radio__original"
                 disabled=""
-                readonly=""
                 type="radio"
                 value="2"
               />
@@ -33026,7 +33011,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title t-radio__title--disabled"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; color: rgb(220, 220, 220);"
+                  style="-webkit-line-clamp: 3;"
                 >
                   选项禁用-默认
                 </span>
@@ -33068,7 +33053,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             <input
               checked=""
               class="t-radio__original"
-              readonly=""
               type="radio"
               value=""
             />
@@ -33093,7 +33077,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -33108,7 +33092,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             <input
               checked=""
               class="t-radio__original"
-              readonly=""
               type="radio"
               value=""
             />
@@ -33124,7 +33107,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -33160,7 +33143,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             <input
               checked=""
               class="t-radio__original"
-              readonly=""
               type="radio"
               value=""
             />
@@ -33185,7 +33167,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -33200,7 +33182,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             <input
               checked=""
               class="t-radio__original"
-              readonly=""
               type="radio"
               value=""
             />
@@ -33225,7 +33206,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <span
                 class="t-radio__title"
-                style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                style="-webkit-line-clamp: 3;"
               >
                 单选
               </span>
@@ -33264,7 +33245,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               <input
                 checked=""
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="1"
               />
@@ -33289,7 +33269,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选
                 </span>
@@ -33303,7 +33283,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <input
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="2"
               />
@@ -33319,7 +33298,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选
                 </span>
@@ -33333,7 +33312,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
             >
               <input
                 class="t-radio__original"
-                readonly=""
                 type="radio"
                 value="3"
               />
@@ -33349,7 +33327,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
               >
                 <span
                   class="t-radio__title"
-                  style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                  style="-webkit-line-clamp: 3;"
                 >
                   单选标题多行单选标题多行单选标题多行单选标题多行单选标题多行
                 </span>
@@ -33415,7 +33393,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                     <input
                       checked=""
                       class="t-radio__original"
-                      readonly=""
                       type="radio"
                       value="0"
                     />
@@ -33427,7 +33404,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                     >
                       <span
                         class="t-radio__title"
-                        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                        style="-webkit-line-clamp: 3;"
                       >
                         单选
                       </span>
@@ -33448,7 +33425,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                   >
                     <input
                       class="t-radio__original"
-                      readonly=""
                       type="radio"
                       value="1"
                     />
@@ -33460,7 +33436,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                     >
                       <span
                         class="t-radio__title"
-                        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                        style="-webkit-line-clamp: 3;"
                       >
                         单选
                       </span>
@@ -33481,7 +33457,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                   >
                     <input
                       class="t-radio__original"
-                      readonly=""
                       type="radio"
                       value="2"
                     />
@@ -33493,7 +33468,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                     >
                       <span
                         class="t-radio__title"
-                        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                        style="-webkit-line-clamp: 3;"
                       >
                         单选
                       </span>
@@ -33544,7 +33519,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                     <input
                       checked=""
                       class="t-radio__original"
-                      readonly=""
                       type="radio"
                       value="0"
                     />
@@ -33556,7 +33530,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                     >
                       <span
                         class="t-radio__title"
-                        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                        style="-webkit-line-clamp: 3;"
                       >
                         单选
                       </span>
@@ -33571,7 +33545,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                   >
                     <input
                       class="t-radio__original"
-                      readonly=""
                       type="radio"
                       value="1"
                     />
@@ -33583,7 +33556,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                     >
                       <span
                         class="t-radio__title"
-                        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                        style="-webkit-line-clamp: 3;"
                       >
                         单选
                       </span>
@@ -33598,7 +33571,6 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                   >
                     <input
                       class="t-radio__original"
-                      readonly=""
                       type="radio"
                       value="2"
                     />
@@ -33610,7 +33582,7 @@ exports[`csr snapshot test > csr test src/radio/_example/index.tsx 1`] = `
                     >
                       <span
                         class="t-radio__title"
-                        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+                        style="-webkit-line-clamp: 3;"
                       >
                         单选
                       </span>
@@ -33635,7 +33607,6 @@ exports[`csr snapshot test > csr test src/radio/_example/placement.tsx 1`] = `
     <input
       checked=""
       class="t-radio__original"
-      readonly=""
       type="radio"
       value=""
     />
@@ -33660,7 +33631,7 @@ exports[`csr snapshot test > csr test src/radio/_example/placement.tsx 1`] = `
     >
       <span
         class="t-radio__title"
-        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+        style="-webkit-line-clamp: 3;"
       >
         单选
       </span>
@@ -33675,7 +33646,6 @@ exports[`csr snapshot test > csr test src/radio/_example/placement.tsx 1`] = `
     <input
       checked=""
       class="t-radio__original"
-      readonly=""
       type="radio"
       value=""
     />
@@ -33700,7 +33670,7 @@ exports[`csr snapshot test > csr test src/radio/_example/placement.tsx 1`] = `
     >
       <span
         class="t-radio__title"
-        style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3;"
+        style="-webkit-line-clamp: 3;"
       >
         单选
       </span>
@@ -33724,7 +33694,6 @@ exports[`csr snapshot test > csr test src/radio/_example/status.tsx 1`] = `
         checked=""
         class="t-radio__original"
         disabled=""
-        readonly=""
         type="radio"
         value="1"
       />
@@ -33749,7 +33718,7 @@ exports[`csr snapshot test > csr test src/radio/_example/status.tsx 1`] = `
       >
         <span
           class="t-radio__title t-radio__title--disabled"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; color: rgb(220, 220, 220);"
+          style="-webkit-line-clamp: 3;"
         >
           选项禁用-已选
         </span>
@@ -33764,7 +33733,6 @@ exports[`csr snapshot test > csr test src/radio/_example/status.tsx 1`] = `
       <input
         class="t-radio__original"
         disabled=""
-        readonly=""
         type="radio"
         value="2"
       />
@@ -33780,7 +33748,7 @@ exports[`csr snapshot test > csr test src/radio/_example/status.tsx 1`] = `
       >
         <span
           class="t-radio__title t-radio__title--disabled"
-          style="display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; color: rgb(220, 220, 220);"
+          style="-webkit-line-clamp: 3;"
         >
           选项禁用-默认
         </span>
@@ -55164,13 +55132,13 @@ exports[`ssr snapshot test > ssr test src/button/_example/test.tsx 1`] = `"<div>
 
 exports[`ssr snapshot test > ssr test src/button/_example/theme.tsx 1`] = `"<div class="section-theme"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</h1><p class="tdesign-mobile-demo-header__summary">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">单行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><button class="t-switch"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02</h2><p class="tdesign-mobile-demo-block__summary">多行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><button class="t-switch t-is-checked"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</h1><p class="tdesign-mobile-demo-header__summary">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">单行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><button class="t-switch"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02</h2><p class="tdesign-mobile-demo-block__summary">多行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><button class="t-switch t-is-checked"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><button class="t-switch t-is-checked"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><button class="t-switch t-is-checked"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><button class="t-switch"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><button class="t-switch"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/checkbox/_example/all.tsx 1`] = `"<div class="t-checkbox-group"><span><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">全选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5">单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息</div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div></span></div>"`;
 
@@ -55412,6 +55380,22 @@ exports[`ssr snapshot test > ssr test src/progress/_example/plump.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/progress/_example/transition.tsx 1`] = `"<div class="example-progress"><div class="t-progress"><div class="t-progress--thin t-progress--status-default"><div class="t-progress__bar"><div class="t-progress__inner" style="width:88%;background:"></div></div><div class="t-progress__info">88%</div></div></div><div class="button-group"><button type="button" class="t-button t-button--size-small t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->减少</span></button><div class="space"></div><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->增加</span></button></div></div>"`;
 
+exports[`ssr snapshot test > ssr test src/radio/_example/base.tsx 1`] = `"<div class="t-radio-group "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx3" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息</div></div><div class="t-radio__border t-radio__border--left"></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/card.tsx 1`] = `"<div class="t-radio-group theme-card"><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="3" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题多行单选标题多行单选标题多行单选标题多行单选标题多行</span></div><div class="t-radio__border t-radio__border--left"></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/custom.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">单选框尺寸规格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-radio-group "><div class="card card--active"><svg class="t-icon t-icon-check card__icon" color="#fff"><use xlink:href="#t-icon-check"></use></svg><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">横向卡片单选框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-radio-group horizontal-box"><div class="card card--active"><svg class="t-icon t-icon-check card__icon" color="#fff"><use xlink:href="#t-icon-check"></use></svg><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/horizontal.tsx 1`] = `"<div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" value="idx0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div><div class="t-radio t-radio--left"><input type="radio" value="idx1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div><div class="t-radio t-radio--left"><input type="radio" value="idx2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/icon.tsx 1`] = `"<div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-radio__icon-wrap"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><div class="t-radio__icon-dot"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Radio 单选框</h1><p class="tdesign-mobile-demo-header__summary">用于在预设的一组选项中执行单项选择，并呈现选择结果。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">纵向单选框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio-group "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx3" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息</div></div><div class="t-radio__border t-radio__border--left"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">横向单选框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" value="idx0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div><div class="t-radio t-radio--left"><input type="radio" value="idx1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div><div class="t-radio t-radio--left"><input type="radio" value="idx2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">单选框禁用状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio-group "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" disabled="" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked t-radio__icon--disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title t-radio__title--disabled" style="-webkit-line-clamp:3">选项禁用-已选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" disabled="" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left t-radio__icon--disabled"><div class="t-radio__icon-circle t-radio__icon-circle--disabled"></div></div><div class="t-radio__content"><span class="t-radio__title t-radio__title--disabled" style="-webkit-line-clamp:3">选项禁用-默认</span></div><div class="t-radio__border t-radio__border--left"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">勾选样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-radio__icon-wrap"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><div class="t-radio__icon-dot"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">勾选显示位置</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--right t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--right t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--right"></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">非通栏单选样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio-group theme-card"><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="3" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题多行单选标题多行单选标题多行单选标题多行单选标题多行</span></div><div class="t-radio__border t-radio__border--left"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">04 特殊样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">单选框尺寸规格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-radio-group "><div class="card card--active"><svg class="t-icon t-icon-check card__icon" color="#fff"><use xlink:href="#t-icon-check"></use></svg><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">横向卡片单选框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-radio-group horizontal-box"><div class="card card--active"><svg class="t-icon t-icon-check card__icon" color="#fff"><use xlink:href="#t-icon-check"></use></svg><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/placement.tsx 1`] = `"<div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--right t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--right t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--right"></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/status.tsx 1`] = `"<div class="t-radio-group "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" disabled="" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked t-radio__icon--disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title t-radio__title--disabled" style="-webkit-line-clamp:3">选项禁用-已选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" disabled="" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left t-radio__icon--disabled"><div class="t-radio__icon-circle t-radio__icon-circle--disabled"></div></div><div class="t-radio__content"><span class="t-radio__title t-radio__title--disabled" style="-webkit-line-clamp:3">选项禁用-默认</span></div><div class="t-radio__border t-radio__border--left"></div></div></div>"`;
+
 exports[`ssr snapshot test > ssr test src/result/_example/custom.tsx 1`] = `"<div class="t-result t-result--theme-default"><div class="t-result__thumb"><div class="t-image t-image--square extra-class-image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/result1.png"/></div></div><div class="t-result__title">自定义结果</div><div class="t-result__description">描述文字</div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Result 结果</h1><p class="tdesign-mobile-demo-header__summary">结果反馈</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01类型</h2><p class="tdesign-mobile-demo-block__summary">不同结果反馈</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-result t-result--theme-success space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle t-result__icon"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12.5 4.41L6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41z"></path></svg></div><div class="t-result__title">成功状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-error space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-result__icon"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z"></path></svg></div><div class="t-result__title">失败状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-warning space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12 5.5V10h2v7.5h-2zm2-9h-2v-2h2v2z"></path></svg></div><div class="t-result__title">警示状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-default space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12 5.5V10h2v7.5h-2zm2-9h-2v-2h2v2z"></path></svg></div><div class="t-result__title">默认状态</div><div class="t-result__description">描述文字</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义结果</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-result t-result--theme-default"><div class="t-result__thumb"><div class="t-image t-image--square extra-class-image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/result1.png"/></div></div><div class="t-result__title">自定义结果</div><div class="t-result__description">描述文字</div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">页面位置展示</p></div><div class="tdesign-mobile-demo-block__slot"><div class="padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->页面位置展示</span></button></div></div></div></div>"`;
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index b3964200..5a7685f8 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -34,13 +34,13 @@ exports[`ssr snapshot test > ssr test src/button/_example/test.tsx 1`] = `"<div>
 
 exports[`ssr snapshot test > ssr test src/button/_example/theme.tsx 1`] = `"<div class="section-theme"><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--default t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--danger t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div><div class="row"><button type="button" class="t-button t-button--size-large t-button--base t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->填充按钮</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->描边按钮</span></button><button type="button" class="t-button t-button--size-large t-button--dashed t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->虚框按钮</span></button><button type="button" class="t-button t-button--size-large t-button--text t-button--light t-button--rectangle"><span class="t-button__content"> <!-- -->文字按钮</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</h1><p class="tdesign-mobile-demo-header__summary">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">单行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><button class="t-switch"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02</h2><p class="tdesign-mobile-demo-block__summary">多行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><button class="t-switch t-is-checked"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/base.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Cell 单元格</h1><p class="tdesign-mobile-demo-header__summary">一行内容/功能的垂直排列方式。一行项目左侧为主要内容展示区域，右侧可增加更多操作内容</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">单行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><button class="t-switch"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02</h2><p class="tdesign-mobile-demo-block__summary">多行单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><button class="t-switch t-is-checked"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">卡片单元格</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/group.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--card"><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-service"><path fill="currentColor" d="M2 11a10 10 0 1120 0v5.15C22 17.8 20.58 19 19 19h-3v-8h4a8 8 0 10-16 0h4v8H6.06A2 2 0 008 20.5h1.56c.32-.45.85-.75 1.44-.75h2a1.75 1.75 0 110 3.5h-2c-.6 0-1.12-.3-1.44-.75H8a4 4 0 01-3.99-3.66A2.85 2.85 0 012 16.15V11zm4 6v-4H4v3.15c0 .4.37.85 1 .85h1zm14-4h-2v4h1c.63 0 1-.45 1-.85V13z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-internet"><path fill="currentColor" d="M3.05 11a9 9 0 016.28-7.6 16.9 16.9 0 00-2.3 7.6H3.05zM11 1.05a11 11 0 000 21.9l.01.01.43.03a12.48 12.48 0 001.14 0l.43-.03a11 11 0 000-21.91v-.01L12.57 1a11.16 11.16 0 00-1.14 0l-.43.03zM12 3c1.7 2.26 2.77 5 2.97 8H9.03c.2-3 1.27-5.74 2.97-8zM7.03 13a16.9 16.9 0 002.3 7.6A9 9 0 013.05 13h3.98zM12 21c-1.7-2.26-2.77-5-2.97-8h5.94c-.2 3-1.27 5.74-2.97 8zm2.67-.4a16.9 16.9 0 002.3-7.6h3.98a9 9 0 01-6.28 7.6zm2.3-9.6a16.9 16.9 0 00-2.3-7.6 9 9 0 016.28 7.6h-3.98z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><button class="t-switch t-is-checked"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/multiple.tsx 1`] = `"<div><div class="t-cell-group t-cell-group--default"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span><div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note"><button class="t-switch t-is-checked"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">多行高度不定，长文本自动换行，该选项的描述是一段很长的内容<div class="t-cell__description">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><div class="t-avatar t-avatar--circle"><div class="t-avatar__inner"><img alt="" src="https://tdesign.gtimg.com/mobile/demos/avatar1.png"/></div></div></div></div><div class="t-cell__title">多行带头像<div class="t-cell__description">一段很长很长的内容文字</div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><img src="https://tdesign.gtimg.com/mobile/demos/example4.png" class="t-cell__left-image"/></div><div class="t-cell__title">多行带图片<div class="t-cell__description">一段很长很长的内容文字</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><button class="t-switch"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 014 4v3H8V7a4 4 0 014-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12h13v8h-13v-8zM9 15h6v2H9v-2z"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/cell/_example/single.tsx 1`] = `"<div class="tdesign-grid-base"><div><div class="t-cell-group t-cell-group--default t-cell-group--bordered"><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题<span class="t-cell--required"> *</span></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><div class="t-badge"><div class="t-badge__content"></div><div class="t-badge--basic t-badge--medium t-badge--circle t-badge--count t-has-count">16</div></div></div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note"><button class="t-switch"><span class="t-switch__text"></span><span class="t-switch__node"></span></button></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"></div><div class="t-cell__title">单行标题</div><div class="t-cell__note">辅助信息</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div><div class="t-cell t-cell--middle"><div class="t-cell__left"><div class="t-cell__left-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-lock-on"><path fill="currentColor" d="M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></div><div class="t-cell__title">单行标题</div><div class="t-cell__right"><div class="t-cell__right-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right"><path fill="currentColor" d="M8.09 17.5l5.5-5.5-5.5-5.5L9.5 5.09 16.41 12 9.5 18.91 8.09 17.5z"></path></svg></div></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/checkbox/_example/all.tsx 1`] = `"<div class="t-checkbox-group"><span><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">全选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5"></div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div><div class="t-checkbox t-checkbox--left t-checkbox--checked t-checkbox--block"><div class="t-checkbox__icon t-checkbox__icon--left t-checkbox__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-checkbox__icon-wrapper"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-checkbox__content"><div class="t-checkbox__title t-checkbox__title--checked" style="-webkit-line-clamp:3">多选</div><div class="t-checkbox__description" style="-webkit-line-clamp:5">单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息单选描述信息</div></div><div class="t-checkbox__border t-checkbox__border--left"></div></div></span></div>"`;
 
@@ -282,6 +282,22 @@ exports[`ssr snapshot test > ssr test src/progress/_example/plump.tsx 1`] = `"<d
 
 exports[`ssr snapshot test > ssr test src/progress/_example/transition.tsx 1`] = `"<div class="example-progress"><div class="t-progress"><div class="t-progress--thin t-progress--status-default"><div class="t-progress__bar"><div class="t-progress__inner" style="width:88%;background:"></div></div><div class="t-progress__info">88%</div></div></div><div class="button-group"><button type="button" class="t-button t-button--size-small t-button--outline t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->减少</span></button><div class="space"></div><button type="button" class="t-button t-button--size-small t-button--base t-button--primary t-button--rectangle"><span class="t-button__content"> <!-- -->增加</span></button></div></div>"`;
 
+exports[`ssr snapshot test > ssr test src/radio/_example/base.tsx 1`] = `"<div class="t-radio-group "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx3" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息</div></div><div class="t-radio__border t-radio__border--left"></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/card.tsx 1`] = `"<div class="t-radio-group theme-card"><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="3" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题多行单选标题多行单选标题多行单选标题多行单选标题多行</span></div><div class="t-radio__border t-radio__border--left"></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/custom.tsx 1`] = `"<div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">单选框尺寸规格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-radio-group "><div class="card card--active"><svg class="t-icon t-icon-check card__icon" color="#fff"><use xlink:href="#t-icon-check"></use></svg><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">横向卡片单选框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-radio-group horizontal-box"><div class="card card--active"><svg class="t-icon t-icon-check card__icon" color="#fff"><use xlink:href="#t-icon-check"></use></svg><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/horizontal.tsx 1`] = `"<div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" value="idx0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div><div class="t-radio t-radio--left"><input type="radio" value="idx1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div><div class="t-radio t-radio--left"><input type="radio" value="idx2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/icon.tsx 1`] = `"<div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-radio__icon-wrap"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><div class="t-radio__icon-dot"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Radio 单选框</h1><p class="tdesign-mobile-demo-header__summary">用于在预设的一组选项中执行单项选择，并呈现选择结果。</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 组件类型</h2><p class="tdesign-mobile-demo-block__summary">纵向单选框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio-group "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="idx3" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息</div></div><div class="t-radio__border t-radio__border--left"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">横向单选框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio-group box"><div class="t-radio t-radio--left"><input type="radio" value="idx0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div><div class="t-radio t-radio--left"><input type="radio" value="idx1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div><div class="t-radio t-radio--left"><input type="radio" value="idx2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题</span></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 组件状态</h2><p class="tdesign-mobile-demo-block__summary">单选框禁用状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio-group "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" disabled="" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked t-radio__icon--disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title t-radio__title--disabled" style="-webkit-line-clamp:3">选项禁用-已选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" disabled="" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left t-radio__icon--disabled"><div class="t-radio__icon-circle t-radio__icon-circle--disabled"></div></div><div class="t-radio__content"><span class="t-radio__title t-radio__title--disabled" style="-webkit-line-clamp:3">选项禁用-默认</span></div><div class="t-radio__border t-radio__border--left"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">勾选样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check t-radio__icon-wrap"><path fill="currentColor" d="M20.99 7.38l-10.61 10.6L4 11.63l1.42-1.41 4.95 4.95 9.2-9.2 1.4 1.42z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><div class="t-radio__icon-dot"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">勾选显示位置</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--right t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--right t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--right"></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">非通栏单选样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="t-radio-group theme-card"><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="3" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"><div class="t-radio__icon-circle"></div></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选标题多行单选标题多行单选标题多行单选标题多行单选标题多行</span></div><div class="t-radio__border t-radio__border--left"></div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">04 特殊样式</h2></div><div class="tdesign-mobile-demo-block__slot"><div class="radio-demo"><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">单选框尺寸规格</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-radio-group "><div class="card card--active"><svg class="t-icon t-icon-check card__icon" color="#fff"><use xlink:href="#t-icon-check"></use></svg><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span><div class="t-radio__description undefined" style="display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5">描述信息描述信息描述信息描述信息描述信息</div></div></div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">横向卡片单选框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-radio-group horizontal-box"><div class="card card--active"><svg class="t-icon t-icon-check card__icon" color="#fff"><use xlink:href="#t-icon-check"></use></svg><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="0" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div><div class="card "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left"></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div></div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/placement.tsx 1`] = `"<div class="t-radio t-radio--left t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--right t-radio--block"><input type="radio" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--right t-radio__icon--checked"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title" style="-webkit-line-clamp:3">单选</span></div><div class="t-radio__border t-radio__border--right"></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/radio/_example/status.tsx 1`] = `"<div class="t-radio-group "><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="1" disabled="" class="t-radio__original" checked=""/><div class="t-radio__icon t-radio__icon--left t-radio__icon--checked t-radio__icon--disabled"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-radio__icon-wrap"><path fill="currentColor" d="M12 23a11 11 0 100-22 11 11 0 000 22zM7.5 10.59l3 3 6-6L17.91 9l-7.41 7.41L6.09 12l1.41-1.41z"></path></svg></div><div class="t-radio__content"><span class="t-radio__title t-radio__title--disabled" style="-webkit-line-clamp:3">选项禁用-已选</span></div><div class="t-radio__border t-radio__border--left"></div></div><div class="t-radio t-radio--left t-radio--block"><input type="radio" value="2" disabled="" class="t-radio__original"/><div class="t-radio__icon t-radio__icon--left t-radio__icon--disabled"><div class="t-radio__icon-circle t-radio__icon-circle--disabled"></div></div><div class="t-radio__content"><span class="t-radio__title t-radio__title--disabled" style="-webkit-line-clamp:3">选项禁用-默认</span></div><div class="t-radio__border t-radio__border--left"></div></div></div>"`;
+
 exports[`ssr snapshot test > ssr test src/result/_example/custom.tsx 1`] = `"<div class="t-result t-result--theme-default"><div class="t-result__thumb"><div class="t-image t-image--square extra-class-image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/result1.png"/></div></div><div class="t-result__title">自定义结果</div><div class="t-result__description">描述文字</div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/result/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Result 结果</h1><p class="tdesign-mobile-demo-header__summary">结果反馈</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01类型</h2><p class="tdesign-mobile-demo-block__summary">不同结果反馈</p></div><div class="tdesign-mobile-demo-block__slot"><div><div class="t-result t-result--theme-success space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle t-result__icon"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12.5 4.41L6.09 12l1.41-1.41 3 3 6-6L17.91 9l-7.41 7.41z"></path></svg></div><div class="t-result__title">成功状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-error space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle t-result__icon"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zM7.4 15.18L10.6 12 7.4 8.82 8.82 7.4 12 10.6l3.18-3.19 1.42 1.42L13.4 12l3.19 3.18-1.42 1.42L12 13.4 8.82 16.6 7.4 15.18z"></path></svg></div><div class="t-result__title">失败状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-warning space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12 5.5V10h2v7.5h-2zm2-9h-2v-2h2v2z"></path></svg></div><div class="t-result__title">警示状态</div><div class="t-result__description">描述文字</div></div><div class="t-result t-result--theme-default space"><div class="t-result__thumb"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-info-circle t-result__icon"><path fill="currentColor" d="M12 21a9 9 0 100-18 9 9 0 000 18zm11-9a11 11 0 11-22 0 11 11 0 0122 0zm-12 5.5V10h2v7.5h-2zm2-9h-2v-2h2v2z"></path></svg></div><div class="t-result__title">默认状态</div><div class="t-result__description">描述文字</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自定义结果</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-result t-result--theme-default"><div class="t-result__thumb"><div class="t-image t-image--square extra-class-image"><div class="t-image__mask"><div class="t-loading t-loading--center" style="color:inherit;font-size:20px"><div class="t-loading__dots" style="animation-play-state:;animation-direction:;animation-duration:800ms;width:20px;height:20px"><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.26666666666666666s"></div><div class="t-loading__dot" style="animation-duration:0.8s;animation-delay:0.5333333333333333s"></div></div></div></div><img class="t-image__img t-image--fit-fill t-image--position-center" src="https://tdesign.gtimg.com/mobile/demos/result1.png"/></div></div><div class="t-result__title">自定义结果</div><div class="t-result__description">描述文字</div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">页面位置展示</p></div><div class="tdesign-mobile-demo-block__slot"><div class="padding"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->页面位置展示</span></button></div></div></div></div>"`;