Skip to content

feat(textarea): add clearable styles and docs - #2588

Closed
Phoen1xCode wants to merge 2 commits into
Tencent:developfrom
Phoen1xCode:feat/textarea-clearable
Closed

feat(textarea): add clearable styles and docs#2588
Phoen1xCode wants to merge 2 commits into
Tencent:developfrom
Phoen1xCode:feat/textarea-clearable

Conversation

@Phoen1xCode

Copy link
Copy Markdown

🤔 这个 PR 的性质是?

  • 日常 bug 修复
  • 新特性提交
  • 文档改进
  • 演示代码改进
  • 组件样式/交互改进
  • CI/CD 改进
  • 重构
  • 代码风格优化
  • 测试用例
  • 分支合并
  • 其他

🔗 相关 Issue

Closes #2566

关联框架实现 PR:

💡 需求背景和解决方案

Textarea 缺少与 Input 一致的可清空能力。用户在输入多行文本后,需要通过手动选删除内容完成清空。

Textarea 组件新增 clearable 能力后,需要在 common 中补充跨框架共享样式和文档说明。

实现内容:

  1. 新增 .t-textarea__clear 清空图标样式
  2. 新增 .t-textarea--clearable:hover .t-textarea__clear hover 可见规则
  3. 清空图标定位在 textarea 右上角,避免影响右下角原生 resize 拖拽区域
  4. 在中英文 textarea common 文档中新增 clearable 示例占位

验证:

  • npx lessc style/web/components/textarea/_index.less /tmp/textarea-out.css

效果展示:

react

2026-07-02.03-32-28.mov

📝 更新日志

  • feat(textarea): 支持多行文本框清空图标样式与文档说明

  • 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项⚠️

  • 文档已补充或无须补充
  • 代码演示已提供或无须提供
  • TypeScript 定义已补充或无须补充
  • Changelog 已提供或无须提供

@github-actions

Copy link
Copy Markdown

TDesign Component Repositories CI Test Open

Component Lint Test Build Preview
tdesign-vue 👀
tdesign-vue-next 👀
tdesign-react 👀
tdesign-mobile-vue 👀
tdesign-mobile-react 👀

@uyarn

uyarn commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

谢谢参与犀牛鸟活动,综合实现的视觉效果,决定采纳 #2583 继续推进

@uyarn uyarn closed this Aug 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Textarea] 增加可清空内容

3 participants