From 1d100274540f52c74a0d47cb78cb80fdd3cf0e75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=94=89LEntropy?= <Ai_LEntropy@126.com>
Date: Wed, 1 Jul 2026 20:20:43 +0800
Subject: [PATCH 1/3] feat(textarea): support clearable

---
 packages/components/textarea/Textarea.tsx     | 59 +++++++++++++++-
 .../textarea/__tests__/textarea.test.tsx      | 70 +++++++++++++++++--
 .../textarea/_example/clearable.tsx           | 21 ++++++
 .../components/textarea/_usage/props.json     |  8 ++-
 packages/components/textarea/defaultProps.ts  |  1 +
 .../components/textarea/textarea.en-US.md     | 10 ++-
 packages/components/textarea/textarea.md      | 10 ++-
 packages/components/textarea/type.ts          | 57 ++++++++++++---
 8 files changed, 215 insertions(+), 21 deletions(-)
 create mode 100644 packages/components/textarea/_example/clearable.tsx

diff --git a/packages/components/textarea/Textarea.tsx b/packages/components/textarea/Textarea.tsx
index a78dc72db0..539cd275de 100644
--- a/packages/components/textarea/Textarea.tsx
+++ b/packages/components/textarea/Textarea.tsx
@@ -1,5 +1,6 @@
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
+import { CloseCircleFilledIcon as TdCloseCircleFilledIcon } from 'tdesign-icons-react';
 import calcTextareaHeight from '@tdesign/common-js/utils/calcTextareaHeight';
 import { getCharacterLength, getUnicodeLength, limitUnicodeMaxLength } from '@tdesign/common-js/utils/helper';
 
@@ -9,6 +10,7 @@ import useConfig from '../hooks/useConfig';
 import useControlled from '../hooks/useControlled';
 import useDefaultProps from '../hooks/useDefaultProps';
 import useEventCallback from '../hooks/useEventCallback';
+import useGlobalIcon from '../hooks/useGlobalIcon';
 import useIsomorphicLayoutEffect from '../hooks/useLayoutEffect';
 import { textareaDefaultProps } from './defaultProps';
 
@@ -49,6 +51,8 @@ const Textarea = forwardRef<TextareaRefInterface, TextareaProps>((originalProps,
     tips,
     allowInputOverMax,
     rows,
+    clearable,
+    onClear,
     ...otherProps
   } = props;
   const hasMaxcharacter = typeof maxcharacter !== 'undefined';
@@ -56,6 +60,7 @@ const Textarea = forwardRef<TextareaRefInterface, TextareaProps>((originalProps,
   const [value = '', setValue] = useControlled(props, 'value', props.onChange);
 
   const [isFocused, setIsFocused] = useState(false);
+  const [isHover, setIsHover] = useState(false);
   const [isOvermax, setIsOvermax] = useState(false);
   const [textareaStyle, setTextareaStyle] = useState<Partial<typeof DEFAULT_TEXTAREA_STYLE>>(DEFAULT_TEXTAREA_STYLE);
   const [composingValue, setComposingValue] = useState<string>('');
@@ -72,6 +77,10 @@ const Textarea = forwardRef<TextareaRefInterface, TextareaProps>((originalProps,
   }, [value, allowInputOverMax, maxcharacter]);
 
   const { classPrefix } = useConfig();
+  const { CloseCircleFilledIcon } = useGlobalIcon({
+    CloseCircleFilledIcon: TdCloseCircleFilledIcon,
+  });
+  const isReadonly = props.readOnly || props.readonly;
 
   const textareaPropsNames = Object.keys(otherProps).filter(
     (key) => !/^on[A-Z]/.test(key) && !OMIT_PROPS.includes(key),
@@ -136,10 +145,32 @@ const Textarea = forwardRef<TextareaRefInterface, TextareaProps>((originalProps,
         }
       }
       setComposingValue(val);
-      setValue(val, { e });
+      setValue(val, { e, trigger: 'input' });
     }
   }
 
+  function handleClear(e: React.MouseEvent<SVGSVGElement>) {
+    setValue('', { e, trigger: 'clear' });
+    onClear?.({ e });
+    textareaRef.current?.focus();
+    adjustTextareaHeight();
+  }
+
+  function handleClearMouseDown(e: React.MouseEvent<SVGSVGElement>) {
+    e.preventDefault();
+  }
+
+  function handleFocus(e: React.FocusEvent<HTMLTextAreaElement>) {
+    if (disabled) return;
+    setIsFocused(true);
+    props.onFocus?.(e.currentTarget.value, { e });
+  }
+
+  function handleBlur(e: React.FocusEvent<HTMLTextAreaElement>) {
+    setIsFocused(false);
+    props.onBlur?.(e.currentTarget.value, { e });
+  }
+
   function handleCompositionStart() {
     composingRef.current = true;
   }
@@ -214,9 +245,20 @@ const Textarea = forwardRef<TextareaRefInterface, TextareaProps>((originalProps,
     hasMaxcharacter ? characterLength : currentLength,
     hasMaxcharacter ? maxcharacter : maxlength,
   );
+  const showClear = Boolean(clearable && value && !disabled && !isReadonly && isHover);
 
   return (
-    <div style={style} ref={wrapperRef} className={classNames(`${classPrefix}-textarea`, className)}>
+    <div
+      style={style}
+      ref={wrapperRef}
+      className={classNames(`${classPrefix}-textarea`, className, {
+        [`${classPrefix}-textarea--clearable`]: clearable,
+        [`${classPrefix}-is-disabled`]: disabled,
+        [`${classPrefix}-is-readonly`]: isReadonly,
+      })}
+      onMouseEnter={() => setIsHover(true)}
+      onMouseLeave={() => setIsHover(false)}
+    >
       <textarea
         {...textareaProps}
         {...eventProps}
@@ -224,9 +266,11 @@ const Textarea = forwardRef<TextareaRefInterface, TextareaProps>((originalProps,
         value={composingRef.current ? composingValue : value}
         style={textareaStyle}
         className={textareaClassNames}
-        readOnly={props.readOnly || props.readonly}
+        readOnly={isReadonly}
         autoFocus={autofocus}
         disabled={disabled}
+        onFocus={handleFocus}
+        onBlur={handleBlur}
         onChange={inputValueChangeHandle}
         onKeyDown={(e) => onKeydown(e.currentTarget.value, { e })}
         onKeyPress={(e) => onKeypress(e.currentTarget.value, { e })}
@@ -235,6 +279,15 @@ const Textarea = forwardRef<TextareaRefInterface, TextareaProps>((originalProps,
         onCompositionEnd={handleCompositionEnd}
         ref={textareaRef}
       />
+      {clearable && !disabled && !isReadonly ? (
+        <CloseCircleFilledIcon
+          className={classNames(`${classPrefix}-textarea__clear`, {
+            [`${classPrefix}-textarea__clear--visible`]: showClear,
+          })}
+          onMouseDown={handleClearMouseDown}
+          onClick={handleClear}
+        />
+      ) : null}
       {textTips || limitText ? (
         <div
           className={classNames(`${classPrefix}-textarea__info_wrapper`, {
diff --git a/packages/components/textarea/__tests__/textarea.test.tsx b/packages/components/textarea/__tests__/textarea.test.tsx
index 21ffd9999e..1ff5a2ec49 100644
--- a/packages/components/textarea/__tests__/textarea.test.tsx
+++ b/packages/components/textarea/__tests__/textarea.test.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { fireEvent, mockDelay, render, vi } from '@test/utils';
+import { act, fireEvent, mockDelay, render, vi } from '@test/utils';
 
 import { Textarea } from '..';
 
@@ -26,20 +26,78 @@ describe('Textarea 组件测试', () => {
     fireEvent.change(document.querySelector('textarea'), { target: { value } });
     expect(document.querySelector('textarea').textContent).toBe(value);
 
-    fireEvent.change(document.querySelector('textarea'), { target: { value: 'hi,tzmax' } });
+    fireEvent.change(document.querySelector('textarea'), {
+      target: { value: 'hi,tzmax' },
+    });
     expect(document.querySelector('textarea').textContent.length).toBe(5);
 
     const onChange = vi.fn();
     const { container } = render(<Textarea maxLength={1} onChange={onChange} />);
     fireEvent.compositionStart(container.querySelector('textarea'));
-    fireEvent.change(container.querySelector('textarea'), { target: { value: 'tian' } });
+    fireEvent.change(container.querySelector('textarea'), {
+      target: { value: 'tian' },
+    });
     fireEvent.compositionEnd(container.querySelector('textarea'), {
       currentTarget: { value: '天' },
     });
-    fireEvent.change(container.querySelector('textarea'), { target: { value: '天' } });
+    fireEvent.change(container.querySelector('textarea'), {
+      target: { value: '天' },
+    });
     expect(onChange).toHaveBeenLastCalledWith('天', expect.objectContaining({}));
   });
 
+  test('clearable', async () => {
+    const onClear = vi.fn();
+    const onChange = vi.fn();
+    const { container } = render(
+      <Textarea defaultValue="Hello TDesign" clearable onClear={onClear} onChange={onChange} />,
+    );
+    const textarea = container.querySelector('textarea');
+
+    expect(container.querySelector('.t-textarea__clear')).toBeInTheDocument();
+    expect(container.querySelector('.t-textarea__clear--visible')).not.toBeInTheDocument();
+    expect(textarea.value).toBe('Hello TDesign');
+
+    fireEvent.mouseEnter(container.querySelector('.t-textarea'));
+    expect(container.querySelector('.t-textarea__clear--visible')).toBeInTheDocument();
+
+    fireEvent.click(container.querySelector('.t-textarea__clear'));
+    expect(onClear).toHaveBeenCalledTimes(1);
+    expect(onChange).toHaveBeenCalledWith('', expect.objectContaining({ trigger: 'clear' }));
+    expect(textarea.value).toBe('');
+  });
+
+  test('clearable should not show when empty, disabled or readonly', async () => {
+    const { container: emptyContainer } = render(<Textarea value="" clearable />);
+    fireEvent.mouseEnter(emptyContainer.querySelector('.t-textarea'));
+    expect(emptyContainer.querySelector('.t-textarea__clear--visible')).not.toBeInTheDocument();
+
+    const { container: disabledContainer } = render(<Textarea value="Hello TDesign" clearable disabled />);
+    fireEvent.mouseEnter(disabledContainer.querySelector('.t-textarea'));
+    expect(disabledContainer.querySelector('.t-textarea__clear')).not.toBeInTheDocument();
+
+    const { container: readonlyContainer } = render(<Textarea value="Hello TDesign" clearable readOnly />);
+    fireEvent.mouseEnter(readonlyContainer.querySelector('.t-textarea'));
+    expect(readonlyContainer.querySelector('.t-textarea__clear')).not.toBeInTheDocument();
+  });
+
+  test('should not lost focus when clear textarea', async () => {
+    const blurFn = vi.fn();
+    const { container } = render(<Textarea defaultValue="Hello TDesign" clearable onBlur={blurFn} />);
+    const textarea = container.querySelector('textarea');
+
+    act(() => {
+      textarea.focus();
+    });
+    fireEvent.mouseEnter(container.querySelector('.t-textarea'));
+    const clearIcon = container.querySelector('.t-textarea__clear');
+    fireEvent.mouseDown(clearIcon);
+    fireEvent.mouseUp(clearIcon);
+    fireEvent.click(clearIcon);
+
+    expect(blurFn).toHaveBeenCalledTimes(0);
+  });
+
   // 测试事件
   test('event', async () => {
     let changeValue = '';
@@ -82,7 +140,9 @@ describe('Textarea 组件测试', () => {
 
     event = null;
     changeValue = '';
-    fireEvent.change(document.querySelector('textarea'), { target: { value: 'hi,tzmax' } });
+    fireEvent.change(document.querySelector('textarea'), {
+      target: { value: 'hi,tzmax' },
+    });
     expect(changeValue).not.toBeNull();
     expect(event).not.toBeNull();
   });
diff --git a/packages/components/textarea/_example/clearable.tsx b/packages/components/textarea/_example/clearable.tsx
new file mode 100644
index 0000000000..a116a1dc84
--- /dev/null
+++ b/packages/components/textarea/_example/clearable.tsx
@@ -0,0 +1,21 @@
+import React, { useState } from 'react';
+import { Textarea } from 'tdesign-react';
+
+export default function TextareaClearableExample() {
+  const [value, setValue] = useState('Hello TDesign');
+
+  return (
+    <Textarea
+      value={value}
+      clearable
+      placeholder="请输入"
+      style={{ width: '100%', maxWidth: 500 }}
+      onChange={(value) => {
+        setValue(value);
+      }}
+      onClear={() => {
+        console.log('onClear');
+      }}
+    />
+  );
+}
diff --git a/packages/components/textarea/_usage/props.json b/packages/components/textarea/_usage/props.json
index 856b190a74..d1e0f13da3 100644
--- a/packages/components/textarea/_usage/props.json
+++ b/packages/components/textarea/_usage/props.json
@@ -11,6 +11,12 @@
     "defaultValue": false,
     "options": []
   },
+  {
+    "name": "clearable",
+    "type": "Boolean",
+    "defaultValue": false,
+    "options": []
+  },
   {
     "name": "disabled",
     "type": "Boolean",
@@ -23,4 +29,4 @@
     "defaultValue": false,
     "options": []
   }
-]
\ No newline at end of file
+]
diff --git a/packages/components/textarea/defaultProps.ts b/packages/components/textarea/defaultProps.ts
index 4009d88bcc..b3b19feed1 100644
--- a/packages/components/textarea/defaultProps.ts
+++ b/packages/components/textarea/defaultProps.ts
@@ -8,6 +8,7 @@ export const textareaDefaultProps: TdTextareaProps = {
   allowInputOverMax: false,
   autofocus: false,
   autosize: false,
+  clearable: false,
   disabled: false,
   placeholder: undefined,
   readonly: false,
diff --git a/packages/components/textarea/textarea.en-US.md b/packages/components/textarea/textarea.en-US.md
index 1c9d38ad82..41dbd27779 100644
--- a/packages/components/textarea/textarea.en-US.md
+++ b/packages/components/textarea/textarea.en-US.md
@@ -1,5 +1,11 @@
 :: BASE_DOC ::
 
+### Clearable Textarea
+
+Textarea with a clear operation can quickly clear entered content.
+
+{{ clearable }}
+
 ## API
 
 ### Textarea Props
@@ -12,6 +18,7 @@ allowInputOverMax | Boolean | false | Allow input after exceeding `maxlength` or
 autofocus | Boolean | false | \- | N
 autosize | Boolean / Object | false | Typescript: `boolean \| { minRows?: number; maxRows?: number }` | N
 count | Boolean / Function | - | Character counter. It is enabled by default when `maxLength` or `maxCharacter` is set.。Typescript: `boolean \| ((ctx: { value: string; count: number; maxLength?: number; maxCharacter?: number }) => TNode)`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N
+clearable | Boolean | false | Whether the content can be cleared | N
 disabled | Boolean | false | \- | N
 maxcharacter | Number | - | \- | N
 maxlength | Number | - | Typescript: `number` | N
@@ -23,7 +30,8 @@ tips | TNode | - | Typescript: `string \| TNode`。[see more ts definition](http
 value | String | - | Typescript: `TextareaValue` `type TextareaValue = string`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/textarea/type.ts) | N
 defaultValue | String | - | uncontrolled property。Typescript: `TextareaValue` `type TextareaValue = string`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/textarea/type.ts) | N
 onBlur | Function |  | Typescript: `(value: TextareaValue, context: { e: FocusEvent }) => void`<br/> | N
-onChange | Function |  | Typescript: `(value: TextareaValue, context?: { e?: InputEvent }) => void`<br/> | N
+onChange | Function |  | Typescript: `(value: TextareaValue, context?: { e?: FormEvent<HTMLTextAreaElement> \| MouseEvent<HTMLElement>; trigger?: 'input' \| 'clear' }) => void`<br/> | N
+onClear | Function |  | Typescript: `(context: { e: MouseEvent<HTMLElement> }) => void`<br/> | N
 onFocus | Function |  | Typescript: `(value: TextareaValue, context : { e: FocusEvent }) => void`<br/> | N
 onKeydown | Function |  | Typescript: `(value: TextareaValue, context: { e: KeyboardEvent }) => void`<br/> | N
 onKeypress | Function |  | Typescript: `(value: TextareaValue, context: { e: KeyboardEvent }) => void`<br/> | N
diff --git a/packages/components/textarea/textarea.md b/packages/components/textarea/textarea.md
index 543751ba8c..e3a648f89f 100644
--- a/packages/components/textarea/textarea.md
+++ b/packages/components/textarea/textarea.md
@@ -1,5 +1,11 @@
 :: BASE_DOC ::
 
+### 可清空的多行文本框
+
+带清空操作的多行文本框，可快捷清空输入过的内容。
+
+{{ clearable }}
+
 ## API
 
 ### Textarea Props
@@ -12,6 +18,7 @@ allowInputOverMax | Boolean | false | 超出 `maxlength` 或 `maxcharacter` 之
 autofocus | Boolean | false | 自动聚焦，拉起键盘 | N
 autosize | Boolean / Object | false | 高度自动撑开。 autosize = true 表示组件高度自动撑开，同时，依旧允许手动拖高度。如果设置了 autosize.maxRows 或者 autosize.minRows 则不允许手动调整高度。TS 类型：`boolean \| { minRows?: number; maxRows?: number }` | N
 count | Boolean / Function | - | 文字计数元素。设置 `maxlength` 或 `maxchanacter` 时，默认为 true。TS 类型：`boolean \| ((ctx: { value: string; count: number; maxLength?: number; maxCharacter?: number }) => TNode)`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N
+clearable | Boolean | false | 是否可清空 | N
 disabled | Boolean | false | 是否禁用文本框 | N
 maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度 | N
 maxlength | Number | - | 用户最多可以输入的字符个数 | N
@@ -23,7 +30,8 @@ tips | TNode | - | 输入框下方提示文本，会根据不同的 `status` 呈
 value | String | - | 文本框值。TS 类型：`TextareaValue` `type TextareaValue = string`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/textarea/type.ts) | N
 defaultValue | String | - | 文本框值。非受控属性。TS 类型：`TextareaValue` `type TextareaValue = string`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/textarea/type.ts) | N
 onBlur | Function |  | TS 类型：`(value: TextareaValue, context: { e: FocusEvent }) => void`<br/>失去焦点时触发 | N
-onChange | Function |  | TS 类型：`(value: TextareaValue, context?: { e?: InputEvent }) => void`<br/>输入内容变化时触发 | N
+onChange | Function |  | TS 类型：`(value: TextareaValue, context?: { e?: FormEvent<HTMLTextAreaElement> \| MouseEvent<HTMLElement>; trigger?: 'input' \| 'clear' }) => void`<br/>输入内容变化时触发 | N
+onClear | Function |  | TS 类型：`(context: { e: MouseEvent<HTMLElement> }) => void`<br/>清空按钮点击时触发 | N
 onFocus | Function |  | TS 类型：`(value: TextareaValue, context : { e: FocusEvent }) => void`<br/>获得焦点时触发 | N
 onKeydown | Function |  | TS 类型：`(value: TextareaValue, context: { e: KeyboardEvent }) => void`<br/>键盘按下时触发 | N
 onKeypress | Function |  | TS 类型：`(value: TextareaValue, context: { e: KeyboardEvent }) => void`<br/>按下字符键时触发（keydown -> keypress -> keyup） | N
diff --git a/packages/components/textarea/type.ts b/packages/components/textarea/type.ts
index 2895808159..34fed878e3 100644
--- a/packages/components/textarea/type.ts
+++ b/packages/components/textarea/type.ts
@@ -4,8 +4,8 @@
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
  * */
 
-import { TNode } from '../common';
-import { KeyboardEvent, FocusEvent, FormEvent } from 'react';
+import { TNode } from "../common";
+import { KeyboardEvent, FocusEvent, FormEvent, MouseEvent } from "react";
 
 export interface TdTextareaProps {
   /**
@@ -23,10 +23,22 @@ export interface TdTextareaProps {
    * @default false
    */
   autosize?: boolean | { minRows?: number; maxRows?: number };
+  /**
+   * 是否可清空
+   * @default false
+   */
+  clearable?: boolean;
   /**
    * 文字计数元素。设置 `maxlength` 或 `maxchanacter` 时，默认为 true
    */
-  count?: boolean | ((ctx: { value: string; count: number; maxLength?: number; maxCharacter?: number }) => TNode);
+  count?:
+    | boolean
+    | ((ctx: {
+        value: string;
+        count: number;
+        maxLength?: number;
+        maxCharacter?: number;
+      }) => TNode);
   /**
    * 是否禁用文本框
    * @default false
@@ -64,7 +76,7 @@ export interface TdTextareaProps {
    * 文本框状态
    * @default default
    */
-  status?: 'default' | 'success' | 'warning' | 'error';
+  status?: "default" | "success" | "warning" | "error";
   /**
    * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
    */
@@ -80,27 +92,52 @@ export interface TdTextareaProps {
   /**
    * 失去焦点时触发
    */
-  onBlur?: (value: TextareaValue, context: { e: FocusEvent<HTMLTextAreaElement> }) => void;
+  onBlur?: (
+    value: TextareaValue,
+    context: { e: FocusEvent<HTMLTextAreaElement> }
+  ) => void;
   /**
    * 输入内容变化时触发
    */
-  onChange?: (value: TextareaValue, context?: { e?: FormEvent<HTMLTextAreaElement> }) => void;
+  onChange?: (
+    value: TextareaValue,
+    context?: {
+      e?: FormEvent<HTMLTextAreaElement> | MouseEvent<SVGSVGElement>;
+      trigger?: "input" | "clear";
+    }
+  ) => void;
+  /**
+   * 清空按钮点击时触发
+   */
+  onClear?: (context: { e: MouseEvent<SVGSVGElement> }) => void;
   /**
    * 获得焦点时触发
    */
-  onFocus?: (value: TextareaValue, context: { e: FocusEvent<HTMLTextAreaElement> }) => void;
+  onFocus?: (
+    value: TextareaValue,
+    context: { e: FocusEvent<HTMLTextAreaElement> }
+  ) => void;
   /**
    * 键盘按下时触发
    */
-  onKeydown?: (value: TextareaValue, context: { e: KeyboardEvent<HTMLTextAreaElement> }) => void;
+  onKeydown?: (
+    value: TextareaValue,
+    context: { e: KeyboardEvent<HTMLTextAreaElement> }
+  ) => void;
   /**
    * 按下字符键时触发（keydown -> keypress -> keyup）
    */
-  onKeypress?: (value: TextareaValue, context: { e: KeyboardEvent<HTMLTextAreaElement> }) => void;
+  onKeypress?: (
+    value: TextareaValue,
+    context: { e: KeyboardEvent<HTMLTextAreaElement> }
+  ) => void;
   /**
    * 释放键盘时触发
    */
-  onKeyup?: (value: TextareaValue, context: { e: KeyboardEvent<HTMLTextAreaElement> }) => void;
+  onKeyup?: (
+    value: TextareaValue,
+    context: { e: KeyboardEvent<HTMLTextAreaElement> }
+  ) => void;
 }
 
 export type TextareaValue = string;

From 54bb0408934dcdeaa5f3c5ca4a0611490dd59ec7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=94=89LEntropy?= <Ai_LEntropy@126.com>
Date: Thu, 2 Jul 2026 08:32:56 +0800
Subject: [PATCH 2/3] test(textarea): update snapshots

---
 test/snap/__snapshots__/csr.test.jsx.snap | 42 ++++++++++++++++++++---
 test/snap/__snapshots__/ssr.test.jsx.snap |  6 ++--
 2 files changed, 41 insertions(+), 7 deletions(-)

diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index fbb288e7fa..491f9462c2 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -50034,7 +50034,7 @@ exports[`csr snapshot test > csr test packages/components/form/_example/disabled
               class="t-form__controls-content"
             >
               <div
-                class="t-textarea"
+                class="t-textarea t-is-disabled"
               >
                 <textarea
                   class="t-textarea__inner t-is-default t-is-disabled"
@@ -139204,6 +139204,36 @@ exports[`csr snapshot test > csr test packages/components/textarea/_example/base
 </div>
 `;
 
+exports[`csr snapshot test > csr test packages/components/textarea/_example/clearable.tsx 1`] = `
+<div>
+  <div
+    class="t-textarea t-textarea--clearable"
+    style="width: 100%; max-width: 500px;"
+  >
+    <textarea
+      class="t-textarea__inner t-is-default"
+      placeholder="请输入"
+      style="height: auto; min-height: auto;"
+    >
+      Hello TDesign
+    </textarea>
+    <svg
+      class="t-icon t-icon-close-circle-filled t-textarea__clear"
+      fill="none"
+      height="1em"
+      style="fill: none;"
+      viewBox="0 0 24 24"
+      width="1em"
+    >
+      <path
+        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+        fill="currentColor"
+      />
+    </svg>
+  </div>
+</div>
+`;
+
 exports[`csr snapshot test > csr test packages/components/textarea/_example/events.tsx 1`] = `
 <div>
   <div
@@ -139367,7 +139397,7 @@ exports[`csr snapshot test > csr test packages/components/textarea/_example/type
       class="t-space-item"
     >
       <div
-        class="t-textarea"
+        class="t-textarea t-is-readonly"
       >
         <textarea
           class="t-textarea__inner t-is-default"
@@ -139383,7 +139413,7 @@ exports[`csr snapshot test > csr test packages/components/textarea/_example/type
       class="t-space-item"
     >
       <div
-        class="t-textarea"
+        class="t-textarea t-is-disabled"
       >
         <textarea
           class="t-textarea__inner t-is-default t-is-disabled"
@@ -154107,7 +154137,7 @@ exports[`ssr snapshot test > ssr test packages/components/form/_example/custom-v
 
 exports[`ssr snapshot test > ssr test packages/components/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置数据</span></button><button style="margin-left:12px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择日期" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择日期" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea t-is-disabled"><textarea placeholder="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
 
@@ -154795,11 +154825,13 @@ exports[`ssr snapshot test > ssr test packages/components/tag-input/_example/the
 
 exports[`ssr snapshot test > ssr test packages/components/textarea/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" rows="2" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
 
+exports[`ssr snapshot test > ssr test packages/components/textarea/_example/clearable.tsx 1`] = `"<div style="width:100%;max-width:500px" class="t-textarea t-textarea--clearable"><textarea placeholder="请输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">Hello TDesign</textarea><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled t-textarea__clear" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg></div>"`;
+
 exports[`ssr snapshot test > ssr test packages/components/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/textarea/_example/maxlength.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" style="height:auto;min-height:auto" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" style="height:auto;min-height:auto" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea t-is-readonly"><textarea placeholder="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea t-is-disabled"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" style="height:auto;min-height:auto" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" style="height:auto;min-height:auto" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/time-picker/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁用整个选择器</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="选择时间" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-space-item"><h3>禁用指定时间</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="选择时间" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index f327059e29..02432df365 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -428,7 +428,7 @@ exports[`ssr snapshot test > ssr test packages/components/form/_example/custom-v
 
 exports[`ssr snapshot test > ssr test packages/components/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置数据</span></button><button style="margin-left:12px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择日期" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择日期" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea t-is-disabled"><textarea placeholder="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
 
@@ -1116,11 +1116,13 @@ exports[`ssr snapshot test > ssr test packages/components/tag-input/_example/the
 
 exports[`ssr snapshot test > ssr test packages/components/textarea/_example/base.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" rows="2" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
 
+exports[`ssr snapshot test > ssr test packages/components/textarea/_example/clearable.tsx 1`] = `"<div style="width:100%;max-width:500px" class="t-textarea t-textarea--clearable"><textarea placeholder="请输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">Hello TDesign</textarea><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled t-textarea__clear" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg></div>"`;
+
 exports[`ssr snapshot test > ssr test packages/components/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/textarea/_example/maxlength.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" style="height:auto;min-height:auto" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" style="height:auto;min-height:auto" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea t-is-readonly"><textarea placeholder="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea t-is-disabled"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" style="height:auto;min-height:auto" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" style="height:auto;min-height:auto" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/time-picker/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁用整个选择器</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="选择时间" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-space-item"><h3>禁用指定时间</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="选择时间" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 

From 43a0aca50fb003dae09bed920dcf76cde1a5f7d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=94=89LEntropy?= <Ai_LEntropy@126.com>
Date: Thu, 2 Jul 2026 08:54:08 +0800
Subject: [PATCH 3/3] fix(textarea): keep wrapper status classes unchanged

---
 packages/components/textarea/Textarea.tsx |  2 --
 test/snap/__snapshots__/csr.test.jsx.snap | 10 +++++-----
 test/snap/__snapshots__/ssr.test.jsx.snap |  4 ++--
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/packages/components/textarea/Textarea.tsx b/packages/components/textarea/Textarea.tsx
index 539cd275de..ccde847f11 100644
--- a/packages/components/textarea/Textarea.tsx
+++ b/packages/components/textarea/Textarea.tsx
@@ -253,8 +253,6 @@ const Textarea = forwardRef<TextareaRefInterface, TextareaProps>((originalProps,
       ref={wrapperRef}
       className={classNames(`${classPrefix}-textarea`, className, {
         [`${classPrefix}-textarea--clearable`]: clearable,
-        [`${classPrefix}-is-disabled`]: disabled,
-        [`${classPrefix}-is-readonly`]: isReadonly,
       })}
       onMouseEnter={() => setIsHover(true)}
       onMouseLeave={() => setIsHover(false)}
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 491f9462c2..a52d636898 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -50034,7 +50034,7 @@ exports[`csr snapshot test > csr test packages/components/form/_example/disabled
               class="t-form__controls-content"
             >
               <div
-                class="t-textarea t-is-disabled"
+                class="t-textarea"
               >
                 <textarea
                   class="t-textarea__inner t-is-default t-is-disabled"
@@ -139397,7 +139397,7 @@ exports[`csr snapshot test > csr test packages/components/textarea/_example/type
       class="t-space-item"
     >
       <div
-        class="t-textarea t-is-readonly"
+        class="t-textarea"
       >
         <textarea
           class="t-textarea__inner t-is-default"
@@ -139413,7 +139413,7 @@ exports[`csr snapshot test > csr test packages/components/textarea/_example/type
       class="t-space-item"
     >
       <div
-        class="t-textarea t-is-disabled"
+        class="t-textarea"
       >
         <textarea
           class="t-textarea__inner t-is-default t-is-disabled"
@@ -154137,7 +154137,7 @@ exports[`ssr snapshot test > ssr test packages/components/form/_example/custom-v
 
 exports[`ssr snapshot test > ssr test packages/components/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置数据</span></button><button style="margin-left:12px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择日期" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea t-is-disabled"><textarea placeholder="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择日期" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
 
@@ -154831,7 +154831,7 @@ exports[`ssr snapshot test > ssr test packages/components/textarea/_example/even
 
 exports[`ssr snapshot test > ssr test packages/components/textarea/_example/maxlength.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea t-is-readonly"><textarea placeholder="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea t-is-disabled"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" style="height:auto;min-height:auto" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" style="height:auto;min-height:auto" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" style="height:auto;min-height:auto" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" style="height:auto;min-height:auto" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/time-picker/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁用整个选择器</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="选择时间" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-space-item"><h3>禁用指定时间</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="选择时间" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 02432df365..c40a4e5aa2 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -428,7 +428,7 @@ exports[`ssr snapshot test > ssr test packages/components/form/_example/custom-v
 
 exports[`ssr snapshot test > ssr test packages/components/form/_example/customized-form-controls.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择课程类型" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div><div class="t-space-item"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入课程名称" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">设置数据</span></button><button style="margin-left:12px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button></div></div></div></form>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择日期" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea t-is-disabled"><textarea placeholder="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/form/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="margin-left:36px"><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="false" value="0"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">启用</span></label><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="true" checked="" value="1"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">禁用</span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__name"><div class="t-form__label t-form__label--right" style="width:100px"><label>姓名</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__address1"><div class="t-form__label t-form__label--right" style="width:100px"><label>寄件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-tree-select t-select-input"><div class="t-input__wrap" value="江苏" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value="江苏"/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-fake-arrow--disable" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__address2"><div class="t-form__label t-form__label--right" style="width:100px"><label>收件地址</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-cascader t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-cascader__icon t-is-disabled" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>日期</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-date-picker"><div class="t-select-input t-select-input--empty"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="请选择日期" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__personalProfile"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-textarea"><textarea placeholder="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled=""></textarea></div></div></div></div><div class="t-form__item t-form-item__message"><div class="t-form__label t-form__label--right" style="width:100px"><label>短信</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><button type="button" role="switch" disabled="" class="t-switch t-is-checked t-is-disabled t-size-m"><span class="t-switch__handle"></span><div class="t-switch__content">接受</div></button></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--right" style="width:100px"><label>性别</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label class="t-radio t-is-disabled"><input type="radio" class="t-radio__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--right" style="width:100px"><label>课程</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label class="t-checkbox t-is-disabled"><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label></div></div></div></div><div class="t-form__item t-form-item__gradePoint"><div class="t-form__label t-form__label--right" style="width:100px"><label>绩点</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input-number t-size-m t-is-disabled t-input-number--normal"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="数字" type="text" class="t-input__inner" disabled="" autoComplete="off" value=""/></div></div></div></div></div></div><div class="t-form__item t-form-item__avatar"><div class="t-form__label t-form__label--right" style="width:100px"><label>头像</label>：</div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-upload"><input type="file" disabled="" accept="image/*" hidden=""/><div><ul class="t-upload__card"><li class="t-upload__card-item t-is-background"><div class="t-upload__card-content t-upload__card-box"><div class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"><img src="https://tdesign.gtimg.com/site/avatar.jpg" class="t-image t-image--fit-contain t-image--position-center"/><div class="t-image__loading"><div style="gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-image" style="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-upload__card-mask"><span class="t-upload__card-mask-item"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><a target="_blank" href="https://tdesign.gtimg.com/site/avatar.jpg" class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color">avatar.jpg</a></li></ul></div><small class="t-upload__tips t-size-s">请选择单张图片文件上传</small></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><div style="margin-right:10px" type="submit" disabled="" class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"><span class="t-button__text">提交</span></div><div type="reset" disabled="" class="t-button t-button--theme-default t-button--variant-base t-is-disabled"><span class="t-button__text">重置</span></div></div></div></div></form></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/form/_example/error-message.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div><div class="t-radio-group t-size-m t-radio-group--filled"><label tabindex="0" class="t-radio-button t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;default&#x27;" checked="" value="default"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">使用表单默认校验信息</span></span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;config&#x27;" value="config"/><span class="t-radio-button__input"></span><span class="t-radio-button__label"><span class="t-trigger">表单统一配置校验信息</span></span></label></div></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__account t-form__item-with-help"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>用户名</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">这是用户名字段帮助说明</div></div></div><div class="t-form__item t-form-item__description t-form__item-with-help"><div class="t-form__label t-form__label--right" style="width:100px"><label>个人简介</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div><div class="t-input__help">一句话介绍自己</div></div></div><div class="t-form__item t-form-item__password"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>密码</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请输入" type="password" class="t-input__inner" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>邮箱</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>性别</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-radio-group t-size-m t-radio-group__outline"><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;male&#x27;" value="male"/><span class="t-radio__input"></span><span class="t-radio__label">男</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;femal&#x27;" value="femal"/><span class="t-radio__input"></span><span class="t-radio__label">女</span></label></div></div></div></div><div class="t-form__item t-form-item__course"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>课程</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-checkbox-group"><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;1&#x27;" value="1"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">语文</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;2&#x27;" value="2"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">数学</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;3&#x27;" value="3"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">英语</span></label><label tabindex="0" class="t-checkbox"><input type="checkbox" class="t-checkbox__former" tabindex="-1" data-value="&#x27;4&#x27;" value="4"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">体育</span></label></div></div></div></div><div class="t-form__item t-form-item__college"><div class="t-form__label t-form__label--right" style="width:100px"><label>学院</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-select__wrap"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="请选择" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg class="t-fake-arrow t-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921" stroke="black" stroke-opacity="0.9" stroke-width="1.3"></path></svg></span></div></div></div></div></div></div></div><div class="t-form__item t-form-item__date"><div class="t-form__label t-form__label--right" style="width:100px"><label>入学时间</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item t-form-item__content.url"><div class="t-form__label t-form__label--required t-form__label--right" style="width:100px"><label>个人网站</label></div><div class="t-form__controls" style="margin-left:100px"><div class="t-form__controls-content"><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div><div class="t-form__item" style="margin-left:100px"><div class="t-form__controls"><div class="t-form__controls-content"><button style="margin-right:10px" type="submit" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-right:10px" type="reset" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">重置</span></button><button type="button" class="t-button t-button--theme-default t-button--variant-base"><span class="t-button__text">清空校验结果</span></button></div></div></div></form></div></div>"`;
 
@@ -1122,7 +1122,7 @@ exports[`ssr snapshot test > ssr test packages/components/textarea/_example/even
 
 exports[`ssr snapshot test > ssr test packages/components/textarea/_example/maxlength.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea t-is-readonly"><textarea placeholder="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea t-is-disabled"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" style="height:auto;min-height:auto" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" style="height:auto;min-height:auto" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/textarea/_example/type.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" class="t-textarea__inner t-is-success">成功状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--success">成功提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="warning" style="height:auto;min-height:auto" class="t-textarea__inner t-is-warning">警告状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--warning">警告提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="error" style="height:auto;min-height:auto" class="t-textarea__inner t-is-error">错误状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--error">错误提示</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test packages/components/time-picker/_example/disabled.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>禁用整个选择器</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left t-input--suffix"><input placeholder="选择时间" type="text" class="t-input__inner" readonly="" disabled="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-space-item"><h3>禁用指定时间</h3></div><div class="t-space-item"><div class="t-time-picker"><div class="t-time-picker__group t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left t-input--suffix"><input placeholder="选择时间" type="text" class="t-input__inner" readonly="" autoComplete="off" value=""/><span class="t-input__suffix t-input__suffix-icon"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;