Skip to content

fix(Comment): align action content vertically - #4354

Draft
RSS1102 wants to merge 1 commit into
developfrom
fix/comment-action-vertical-align
Draft

fix(Comment): align action content vertically#4354
RSS1102 wants to merge 1 commit into
developfrom
fix/comment-action-vertical-align

Conversation

@RSS1102

@RSS1102 RSS1102 commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

🤔 这个 PR 的性质是?

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

🔗 相关 Issue

暂无对应 Issue。

💡 需求背景和解决方案

Comment 操作项中的图标与数字/文字此前没有在按钮文本容器内按交叉轴居中,React 组件页会出现视觉重心偏移。

本 PR 将 packages/common 更新到 Tencent/tdesign-common#2668 的 commit,由公共 Comment 样式为 .t-button__text 增加 align-items: center。不修改 React Comment API、DOM 或业务逻辑。

视觉对比:修复前拇指/评论图标与“6”“回复”存在上下偏移;修复后图标与文字在按钮内垂直居中,并与 Vue Next 的目标效果保持一致。

验证:

  • pnpm exec vitest run packages/components/comment/__tests__/comment.test.tsx:8/8 通过
  • git diff --check:通过

📝 更新日志

  • 本条 PR 不需要纳入 Changelog

tdesign-react

  • fix(Comment): 修复操作项图标与文字垂直对齐异常

@tdesign-react/chat

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

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

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

@github-actions

Copy link
Copy Markdown
Contributor

Size Change: 0 B

Total Size: 87.8 kB

ℹ️ View Unchanged
Filename Size
packages/tdesign-react-aigc/es/_chunks/dep-54070fc7.js 65.1 kB
packages/tdesign-react-aigc/es/_util/reactify.js 3.89 kB
packages/tdesign-react-aigc/es/_util/useDynamicStyle.js 615 B
packages/tdesign-react-aigc/es/attachments/index.js 354 B
packages/tdesign-react-aigc/es/chat-actionbar/index.js 360 B
packages/tdesign-react-aigc/es/chat-engine/components/activity/index.js 285 B
packages/tdesign-react-aigc/es/chat-engine/components/activity/registry.js 1.01 kB
packages/tdesign-react-aigc/es/chat-engine/components/activity/render.js 1.62 kB
packages/tdesign-react-aigc/es/chat-engine/components/activity/types.js 106 B
packages/tdesign-react-aigc/es/chat-engine/components/index.js 491 B
packages/tdesign-react-aigc/es/chat-engine/components/provider/agent-state.js 558 B
packages/tdesign-react-aigc/es/chat-engine/components/toolcall/index.js 423 B
packages/tdesign-react-aigc/es/chat-engine/components/toolcall/registry.js 969 B
packages/tdesign-react-aigc/es/chat-engine/components/toolcall/render.js 2.86 kB
packages/tdesign-react-aigc/es/chat-engine/components/toolcall/types.js 208 B
packages/tdesign-react-aigc/es/chat-engine/hooks/index.js 436 B
packages/tdesign-react-aigc/es/chat-engine/hooks/useAgentActivity.js 841 B
packages/tdesign-react-aigc/es/chat-engine/hooks/useAgentState.js 1.29 kB
packages/tdesign-react-aigc/es/chat-engine/hooks/useAgentToolcall.js 851 B
packages/tdesign-react-aigc/es/chat-engine/hooks/useChat.js 933 B
packages/tdesign-react-aigc/es/chat-engine/index.js 772 B
packages/tdesign-react-aigc/es/chat-filecard/index.js 354 B
packages/tdesign-react-aigc/es/chat-loading/index.js 360 B
packages/tdesign-react-aigc/es/chat-markdown/index.js 406 B
packages/tdesign-react-aigc/es/chat-message/index.js 367 B
packages/tdesign-react-aigc/es/chat-sender/index.js 359 B
packages/tdesign-react-aigc/es/chat-thinking/index.js 387 B
packages/tdesign-react-aigc/es/chatbot/index.js 426 B
packages/tdesign-react-aigc/es/index.js 999 B
packages/tdesign-react-aigc/es/style/index.js 146 B

compressed-size-action::tdesign-react-chat

@tdesign-bot

Copy link
Copy Markdown
Collaborator

TDesign Component Site Preview Open

Component Preview
tdesign-react 完成
@tdesign-react/chat 完成

@pkg-pr-new

pkg-pr-new Bot commented Aug 11, 2026

Copy link
Copy Markdown
  • tdesign-react-demo

    npm i https://pkg.pr.new/Tencent/tdesign-react@4354
    
    npm i https://pkg.pr.new/Tencent/tdesign-react/@tdesign-react/chat@4354
    

commit: 2317871

@github-actions

Copy link
Copy Markdown
Contributor

Size Change: 0 B

Total Size: 926 kB

ℹ️ View Unchanged
Filename Size
packages/tdesign-react/dist/reset.css 1.93 kB
packages/tdesign-react/dist/tdesign.css 61 kB
packages/tdesign-react/dist/tdesign.js 509 kB
packages/tdesign-react/dist/tdesign.min.css 55.2 kB
packages/tdesign-react/dist/tdesign.min.js 298 kB

compressed-size-action::tdesign-react

@RSS1102
RSS1102 marked this pull request as draft August 12, 2026 07:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants