diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 400d9c55d..57d6f90c3 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -52893,6 +52893,636 @@ exports[`csr snapshot test > csr test src/tag/_example/type.tsx 1`] = `
 </div>
 `;
 
+exports[`csr snapshot test > csr test src/textarea/_example/autosize.tsx 1`] = `
+<div>
+  <div
+    class="t-textarea t-textarea--layout-horizontal"
+  >
+    <div
+      class="t-textarea__wrapper"
+    >
+      <textarea
+        class="t-textarea__wrapper-inner"
+        placeholder="请输入文字"
+        style="min-height: -4px; height: 0px;"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/textarea/_example/base.tsx 1`] = `
+<div>
+  <div
+    class="t-textarea t-textarea--layout-horizontal textarea-example"
+  >
+    <div
+      class="t-textarea__wrapper"
+    >
+      <textarea
+        class="t-textarea__wrapper-inner t-textarea--readonly"
+        placeholder="请输入文字"
+        readonly=""
+        style="min-height: -4px; height: -4px;"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/textarea/_example/card.tsx 1`] = `
+<div>
+  <div
+    class="card textarea-example__card"
+  >
+    <div
+      class="t-textarea t-textarea--layout-vertical textarea"
+    >
+      <div
+        class="t-textarea__label"
+      >
+         
+        标签文字
+         
+      </div>
+      <div
+        class="t-textarea__wrapper"
+      >
+        <textarea
+          class="t-textarea__wrapper-inner"
+          placeholder="请输入文字"
+          style="min-height: -4px; height: -4px;"
+        />
+        <div
+          class="t-textarea__indicator"
+        >
+          0/500
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="card textarea-example__card card"
+  >
+    <div
+      class="textarea-example__summary"
+    >
+      卡片样式
+    </div>
+    <div
+      class="t-textarea t-textarea--layout-horizontal textarea"
+    >
+      <div
+        class="t-textarea__label"
+      >
+         
+        标签文字
+         
+      </div>
+      <div
+        class="t-textarea__wrapper"
+      >
+        <textarea
+          class="t-textarea__wrapper-inner"
+          placeholder="请输入文字"
+          style="min-height: -4px; height: -4px;"
+        />
+        <div
+          class="t-textarea__indicator"
+        >
+          0/500
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/textarea/_example/custom.tsx 1`] = `
+<div>
+  <div
+    class="custom textarea-example__custom "
+  >
+    <text
+      class="textarea-example__label"
+    >
+      标签文字
+    </text>
+    <div
+      class="t-textarea t-textarea--layout-horizontal t-textarea--border textarea"
+    >
+      <div
+        class="t-textarea__wrapper"
+      >
+        <textarea
+          class="t-textarea__wrapper-inner"
+          placeholder="请输入文字"
+          style="min-height: -4px; height: -4px;"
+        />
+        <div
+          class="t-textarea__indicator"
+        >
+          0/100
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/textarea/_example/disable.tsx 1`] = `
+<div>
+  <div
+    class="t-textarea t-textarea--layout-horizontal textarea-example"
+  >
+    <div
+      class="t-textarea__label"
+    >
+       
+      标签文字
+       
+    </div>
+    <div
+      class="t-textarea__wrapper"
+    >
+      <textarea
+        class="t-textarea__wrapper-inner t-textarea--disabled"
+        disabled=""
+        placeholder="请输入文字"
+        style="min-height: -4px; height: -4px;"
+      >
+        不可编辑文字
+      </textarea>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/textarea/_example/index.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-mobile-demo"
+  >
+    <div
+      class="tdesign-mobile-demo-header"
+    >
+      <h1
+        class="tdesign-mobile-demo-header__title"
+      >
+        Textarea 多行文本框
+      </h1>
+      <p
+        class="tdesign-mobile-demo-header__summary"
+      >
+        用于多行文本的输入
+      </p>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block"
+    >
+      <div
+        class="tdesign-mobile-demo-block__header"
+      >
+        <h2
+          class="tdesign-mobile-demo-block__title"
+        >
+          01 类型
+        </h2>
+        <p
+          class="tdesign-mobile-demo-block__summary"
+        >
+          基础多行文本框
+        </p>
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__slot"
+      >
+        <div
+          class="t-textarea t-textarea--layout-horizontal textarea-example"
+        >
+          <div
+            class="t-textarea__wrapper"
+          >
+            <textarea
+              class="t-textarea__wrapper-inner t-textarea--readonly"
+              placeholder="请输入文字"
+              readonly=""
+              style="min-height: -4px; height: -4px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"
+    >
+      <div
+        class="tdesign-mobile-demo-block__header"
+      >
+        <p
+          class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle"
+        >
+          带标题多行文本框
+        </p>
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__slot"
+      >
+        <div
+          class="t-textarea t-textarea--layout-horizontal textarea-example"
+        >
+          <div
+            class="t-textarea__label"
+          >
+             
+            标签文字
+             
+          </div>
+          <div
+            class="t-textarea__wrapper"
+          >
+            <textarea
+              class="t-textarea__wrapper-inner"
+              placeholder="请输入文字"
+              style="min-height: -4px; height: -4px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"
+    >
+      <div
+        class="tdesign-mobile-demo-block__header"
+      >
+        <p
+          class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle"
+        >
+          自动增高多行文本框
+        </p>
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__slot"
+      >
+        <div
+          class="t-textarea t-textarea--layout-horizontal"
+        >
+          <div
+            class="t-textarea__wrapper"
+          >
+            <textarea
+              class="t-textarea__wrapper-inner"
+              placeholder="请输入文字"
+              style="min-height: -4px; height: 0px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"
+    >
+      <div
+        class="tdesign-mobile-demo-block__header"
+      >
+        <p
+          class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle"
+        >
+          设置字符数限制
+        </p>
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__slot"
+      >
+        <div
+          class="t-textarea t-textarea--layout-horizontal"
+        >
+          <div
+            class="t-textarea__label"
+          >
+             
+            标签文字
+             
+          </div>
+          <div
+            class="t-textarea__wrapper"
+          >
+            <textarea
+              class="t-textarea__wrapper-inner"
+              placeholder="请输入文字"
+              style="min-height: -4px; height: -4px;"
+            />
+            <div
+              class="t-textarea__indicator"
+            >
+              0/100
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"
+    >
+      <div
+        class="tdesign-mobile-demo-block__slot"
+      >
+        <div
+          class="t-textarea t-textarea--layout-horizontal"
+        >
+          <div
+            class="t-textarea__label"
+          >
+             
+            标签文字
+             
+          </div>
+          <div
+            class="t-textarea__wrapper"
+          >
+            <textarea
+              class="t-textarea__wrapper-inner"
+              placeholder="请输入文字"
+              style="min-height: -4px; height: -4px;"
+            />
+            <div
+              class="t-textarea__indicator"
+            >
+              0/100
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block"
+    >
+      <div
+        class="tdesign-mobile-demo-block__header"
+      >
+        <h2
+          class="tdesign-mobile-demo-block__title"
+        >
+          02 状态
+        </h2>
+        <p
+          class="tdesign-mobile-demo-block__summary"
+        >
+          禁用状态
+        </p>
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__slot"
+      >
+        <div
+          class="t-textarea t-textarea--layout-horizontal textarea-example"
+        >
+          <div
+            class="t-textarea__label"
+          >
+             
+            标签文字
+             
+          </div>
+          <div
+            class="t-textarea__wrapper"
+          >
+            <textarea
+              class="t-textarea__wrapper-inner t-textarea--disabled"
+              disabled=""
+              placeholder="请输入文字"
+              style="min-height: -4px; height: -4px;"
+            >
+              不可编辑文字
+            </textarea>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block"
+    >
+      <div
+        class="tdesign-mobile-demo-block__header"
+      >
+        <h2
+          class="tdesign-mobile-demo-block__title"
+        >
+          03 组件样式
+        </h2>
+        <p
+          class="tdesign-mobile-demo-block__summary"
+        >
+          竖排样式
+        </p>
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__slot"
+      >
+        <div
+          class="card textarea-example__card"
+        >
+          <div
+            class="t-textarea t-textarea--layout-vertical textarea"
+          >
+            <div
+              class="t-textarea__label"
+            >
+               
+              标签文字
+               
+            </div>
+            <div
+              class="t-textarea__wrapper"
+            >
+              <textarea
+                class="t-textarea__wrapper-inner"
+                placeholder="请输入文字"
+                style="min-height: -4px; height: -4px;"
+              />
+              <div
+                class="t-textarea__indicator"
+              >
+                0/500
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="card textarea-example__card card"
+        >
+          <div
+            class="textarea-example__summary"
+          >
+            卡片样式
+          </div>
+          <div
+            class="t-textarea t-textarea--layout-horizontal textarea"
+          >
+            <div
+              class="t-textarea__label"
+            >
+               
+              标签文字
+               
+            </div>
+            <div
+              class="t-textarea__wrapper"
+            >
+              <textarea
+                class="t-textarea__wrapper-inner"
+                placeholder="请输入文字"
+                style="min-height: -4px; height: -4px;"
+              />
+              <div
+                class="t-textarea__indicator"
+              >
+                0/500
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="tdesign-mobile-demo-block"
+    >
+      <div
+        class="tdesign-mobile-demo-block__header"
+      >
+        <h2
+          class="tdesign-mobile-demo-block__title"
+        >
+          04 特殊样式
+        </h2>
+        <p
+          class="tdesign-mobile-demo-block__summary"
+        >
+          标签外置输入框
+        </p>
+      </div>
+      <div
+        class="tdesign-mobile-demo-block__slot"
+      >
+        <div
+          class="custom textarea-example__custom "
+        >
+          <text
+            class="textarea-example__label"
+          >
+            标签文字
+          </text>
+          <div
+            class="t-textarea t-textarea--layout-horizontal t-textarea--border textarea"
+          >
+            <div
+              class="t-textarea__wrapper"
+            >
+              <textarea
+                class="t-textarea__wrapper-inner"
+                placeholder="请输入文字"
+                style="min-height: -4px; height: -4px;"
+              />
+              <div
+                class="t-textarea__indicator"
+              >
+                0/100
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/textarea/_example/label.tsx 1`] = `
+<div>
+  <div
+    class="t-textarea t-textarea--layout-horizontal textarea-example"
+  >
+    <div
+      class="t-textarea__label"
+    >
+       
+      标签文字
+       
+    </div>
+    <div
+      class="t-textarea__wrapper"
+    >
+      <textarea
+        class="t-textarea__wrapper-inner"
+        placeholder="请输入文字"
+        style="min-height: -4px; height: -4px;"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/textarea/_example/maxcharacter.tsx 1`] = `
+<div>
+  <div
+    class="t-textarea t-textarea--layout-horizontal"
+  >
+    <div
+      class="t-textarea__label"
+    >
+       
+      标签文字
+       
+    </div>
+    <div
+      class="t-textarea__wrapper"
+    >
+      <textarea
+        class="t-textarea__wrapper-inner"
+        placeholder="请输入文字"
+        style="min-height: -4px; height: -4px;"
+      />
+      <div
+        class="t-textarea__indicator"
+      >
+        0/100
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test src/textarea/_example/maxlength.tsx 1`] = `
+<div>
+  <div
+    class="t-textarea t-textarea--layout-horizontal"
+  >
+    <div
+      class="t-textarea__label"
+    >
+       
+      标签文字
+       
+    </div>
+    <div
+      class="t-textarea__wrapper"
+    >
+      <textarea
+        class="t-textarea__wrapper-inner"
+        placeholder="请输入文字"
+        style="min-height: -4px; height: -4px;"
+      />
+      <div
+        class="t-textarea__indicator"
+      >
+        0/100
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`csr snapshot test > csr test src/toast/_example/base.tsx 1`] = `
 <div>
   <div
@@ -53718,6 +54348,24 @@ exports[`ssr snapshot test > ssr test src/tag/_example/theme.tsx 1`] = `"<div cl
 
 exports[`ssr snapshot test > ssr test src/tag/_example/type.tsx 1`] = `"<div class="summary">基础标签</div><div class="tag-demo"><span class="t-tag t-tag--default t-tag--square t-tag--light t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span><span class="t-tag t-tag--default t-tag--square t-tag--outline t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span></div><div class="summary">圆弧标签</div><div class="tag-demo"><span class="t-tag t-tag--default t-tag--round t-tag--light t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span><span class="t-tag t-tag--default t-tag--round t-tag--outline t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span><span class="t-tag t-tag--default t-tag--mark t-tag--outline t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span></div><div class="summary">带图标的标签</div><div class="tag-demo"><span class="t-tag t-tag--default t-tag--square t-tag--light t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__icon"><svg class="t-icon t-icon-discount"><use xlink:href="#t-icon-discount"></use></svg></span><span class="t-tag__text">标签文字</span></span><span class="t-tag t-tag--default t-tag--square t-tag--outline t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__icon"><svg class="t-icon t-icon-discount"><use xlink:href="#t-icon-discount"></use></svg></span><span class="t-tag__text">标签文字</span></span></div><div class="summary">超长文本省略标签</div><div class="tag-demo"><span class="t-tag t-tag--default t-tag--square t-tag--light t-tag--medium" style="max-width:130px" aria-disabled="false" role="button"><span class="t-tag__text">听说超长可以省略听说超长</span></span></div>"`;
 
+exports[`ssr snapshot test > ssr test src/textarea/_example/autosize.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/base.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner t-textarea--readonly" readonly=""></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/card.tsx 1`] = `"<div class="card textarea-example__card"><div class="t-textarea t-textarea--layout-vertical textarea"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/500</div></div></div></div><div class="card textarea-example__card card"><div class="textarea-example__summary">卡片样式</div><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/500</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/custom.tsx 1`] = `"<div class="custom textarea-example__custom "><text class="textarea-example__label">标签文字</text><div class="t-textarea t-textarea--layout-horizontal t-textarea--border textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/disable.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner t-textarea--disabled" disabled="">不可编辑文字</textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Textarea 多行文本框</h1><p class="tdesign-mobile-demo-header__summary">用于多行文本的输入</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">基础多行文本框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner t-textarea--readonly" readonly=""></textarea></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带标题多行文本框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自动增高多行文本框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">设置字符数限制</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 状态</h2><p class="tdesign-mobile-demo-block__summary">禁用状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner t-textarea--disabled" disabled="">不可编辑文字</textarea></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">竖排样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="card textarea-example__card"><div class="t-textarea t-textarea--layout-vertical textarea"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/500</div></div></div></div><div class="card textarea-example__card card"><div class="textarea-example__summary">卡片样式</div><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/500</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">04 特殊样式</h2><p class="tdesign-mobile-demo-block__summary">标签外置输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="custom textarea-example__custom "><text class="textarea-example__label">标签文字</text><div class="t-textarea t-textarea--layout-horizontal t-textarea--border textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/label.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/maxcharacter.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/maxlength.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div>"`;
+
 exports[`ssr snapshot test > ssr test src/toast/_example/base.tsx 1`] = `"<div class="toast-demo"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->纯文本</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->多行文字</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带横向图标</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带竖向图标</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->加载状态</span></button></div>"`;
 
 exports[`ssr snapshot test > ssr test src/toast/_example/close.tsx 1`] = `"<div class="toast-demo"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->显示提示</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->关闭提示</span></button></div>"`;
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index b3964200c..4df2ddb1c 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -420,6 +420,24 @@ exports[`ssr snapshot test > ssr test src/tag/_example/theme.tsx 1`] = `"<div cl
 
 exports[`ssr snapshot test > ssr test src/tag/_example/type.tsx 1`] = `"<div class="summary">基础标签</div><div class="tag-demo"><span class="t-tag t-tag--default t-tag--square t-tag--light t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span><span class="t-tag t-tag--default t-tag--square t-tag--outline t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span></div><div class="summary">圆弧标签</div><div class="tag-demo"><span class="t-tag t-tag--default t-tag--round t-tag--light t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span><span class="t-tag t-tag--default t-tag--round t-tag--outline t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span><span class="t-tag t-tag--default t-tag--mark t-tag--outline t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__text">标签文字</span></span></div><div class="summary">带图标的标签</div><div class="tag-demo"><span class="t-tag t-tag--default t-tag--square t-tag--light t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__icon"><svg class="t-icon t-icon-discount"><use xlink:href="#t-icon-discount"></use></svg></span><span class="t-tag__text">标签文字</span></span><span class="t-tag t-tag--default t-tag--square t-tag--outline t-tag--medium" aria-disabled="false" role="button"><span class="t-tag__icon"><svg class="t-icon t-icon-discount"><use xlink:href="#t-icon-discount"></use></svg></span><span class="t-tag__text">标签文字</span></span></div><div class="summary">超长文本省略标签</div><div class="tag-demo"><span class="t-tag t-tag--default t-tag--square t-tag--light t-tag--medium" style="max-width:130px" aria-disabled="false" role="button"><span class="t-tag__text">听说超长可以省略听说超长</span></span></div>"`;
 
+exports[`ssr snapshot test > ssr test src/textarea/_example/autosize.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/base.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner t-textarea--readonly" readonly=""></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/card.tsx 1`] = `"<div class="card textarea-example__card"><div class="t-textarea t-textarea--layout-vertical textarea"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/500</div></div></div></div><div class="card textarea-example__card card"><div class="textarea-example__summary">卡片样式</div><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/500</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/custom.tsx 1`] = `"<div class="custom textarea-example__custom "><text class="textarea-example__label">标签文字</text><div class="t-textarea t-textarea--layout-horizontal t-textarea--border textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/disable.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner t-textarea--disabled" disabled="">不可编辑文字</textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/index.tsx 1`] = `"<div class="tdesign-mobile-demo"><div class="tdesign-mobile-demo-header"><h1 class="tdesign-mobile-demo-header__title">Textarea 多行文本框</h1><p class="tdesign-mobile-demo-header__summary">用于多行文本的输入</p></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">01 类型</h2><p class="tdesign-mobile-demo-block__summary">基础多行文本框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner t-textarea--readonly" readonly=""></textarea></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">带标题多行文本框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">自动增高多行文本框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__header"><p class="tdesign-mobile-demo-block__summary tdesign-mobile-demo-block_subtitle">设置字符数限制</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div></div></div><div class="tdesign-mobile-demo-block tdesign-mobile-demo-block_subtitle"><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">02 状态</h2><p class="tdesign-mobile-demo-block__summary">禁用状态</p></div><div class="tdesign-mobile-demo-block__slot"><div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner t-textarea--disabled" disabled="">不可编辑文字</textarea></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">03 组件样式</h2><p class="tdesign-mobile-demo-block__summary">竖排样式</p></div><div class="tdesign-mobile-demo-block__slot"><div class="card textarea-example__card"><div class="t-textarea t-textarea--layout-vertical textarea"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/500</div></div></div></div><div class="card textarea-example__card card"><div class="textarea-example__summary">卡片样式</div><div class="t-textarea t-textarea--layout-horizontal textarea"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/500</div></div></div></div></div></div><div class="tdesign-mobile-demo-block"><div class="tdesign-mobile-demo-block__header"><h2 class="tdesign-mobile-demo-block__title">04 特殊样式</h2><p class="tdesign-mobile-demo-block__summary">标签外置输入框</p></div><div class="tdesign-mobile-demo-block__slot"><div class="custom textarea-example__custom "><text class="textarea-example__label">标签文字</text><div class="t-textarea t-textarea--layout-horizontal t-textarea--border textarea"><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/label.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal textarea-example"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/maxcharacter.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test src/textarea/_example/maxlength.tsx 1`] = `"<div class="t-textarea t-textarea--layout-horizontal"><div class="t-textarea__label"> <!-- -->标签文字<!-- --> </div><div class="t-textarea__wrapper"><textarea placeholder="请输入文字" class="t-textarea__wrapper-inner"></textarea><div class="t-textarea__indicator">0/100</div></div></div>"`;
+
 exports[`ssr snapshot test > ssr test src/toast/_example/base.tsx 1`] = `"<div class="toast-demo"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->纯文本</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->多行文字</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带横向图标</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->带竖向图标</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->加载状态</span></button></div>"`;
 
 exports[`ssr snapshot test > ssr test src/toast/_example/close.tsx 1`] = `"<div class="toast-demo"><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->显示提示</span></button><button type="button" class="t-button t-button--size-large t-button--outline t-button--primary t-button--rectangle t-button--block"><span class="t-button__content"> <!-- -->关闭提示</span></button></div>"`;