Skip to content

doc(sender): render agent tag label inline - #1990

Merged
kimteayon merged 1 commit into
ant-design:mainfrom
cc-hearts:fix/sender-agent-inline-flex
Jul 23, 2026
Merged

doc(sender): render agent tag label inline#1990
kimteayon merged 1 commit into
ant-design:mainfrom
cc-hearts:fix/sender-agent-inline-flex

Conversation

@cc-hearts

@cc-hearts cc-hearts commented Jul 23, 2026

Copy link
Copy Markdown
Contributor

🤔 这个变动的性质是?

  • 🆕 新特性提交
  • 🐞 Bug 修复
  • 📝 站点、文档改进
  • 📽️ 演示代码改进
  • 💄 组件样式/交互改进
  • 🤖 TypeScript 定义更新
  • 📦 包体积优化
  • ⚡️ 性能优化
  • ⭐️ 功能增强
  • 🌐 国际化改进
  • 🛠 重构
  • 🎨 代码风格优化
  • ✅ 测试用例
  • 🔀 分支合并
  • ⏩ 工作流程
  • ⌨️ 无障碍改进
  • ❓ 其他改动(是关于什么的改动?)

🔗 相关 Issue

无。

💡 需求背景和解决方案

Agent demo 中,标签内容使用 Flex 渲染图标和文本。Flex 默认使用块级 display: flex,会影响标签内容的行内布局。

将该 demo 中的 Flex 设置为 display: inline-flex,使图标和文本保持行内布局,同时保留 Flex 的间距和对齐能力。

📝 更新日志

语言 更新描述
🇺🇸 英文 Improve the Agent demo tag label layout by rendering its icon and text with inline flex.
🇨🇳 中文 优化 Agent 演示中标签内容的行内布局。

Summary by CodeRabbit

  • 样式优化
    • 优化文件引用标签的布局呈现,提升标签内容在界面中的显示一致性。

@gemini-code-assist

Copy link
Copy Markdown
Contributor

Caution

The consumer version of Gemini Code Assist on GitHub has been sunset. All code review activity has officially ceased.

@coderabbitai

coderabbitai Bot commented Jul 23, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

fileItemClick 创建文件引用标签时,其 label 内部的 Flex 容器新增 display: inline-flex 样式。

Changes

文件引用标签布局

Layer / File(s) Summary
标签容器布局调整
packages/x/components/sender/demo/agent.tsx
文件引用标签内部的 Flex 容器从默认布局改为显式使用 inline-flex

Estimated code review effort: 1 (Trivial) | ~2 minutes

Poem

小兔挥挥耳朵尖,
标签排成一条线。
inline-flex 轻轻跳,
文件引用更舒展。
胡萝卜旁庆更新!

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed 标题准确概括了此次变更:让 Sender Agent 的 tag label 以 inline 方式渲染。
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@dosubot dosubot Bot added the javascript Pull requests that update Javascript code label Jul 23, 2026
@cc-hearts

Copy link
Copy Markdown
Contributor Author

修复之前效果:
image

修复之后效果:
image

@kimteayon kimteayon changed the title fix(sender): render agent tag label inline doc(sender): render agent tag label inline Jul 23, 2026
@dosubot dosubot Bot added the lgtm This PR has been approved by a maintainer label Jul 23, 2026
@kimteayon
kimteayon merged commit 8c1fe2d into ant-design:main Jul 23, 2026
4 checks passed
@cc-hearts
cc-hearts deleted the fix/sender-agent-inline-flex branch July 23, 2026 06:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

javascript Pull requests that update Javascript code lgtm This PR has been approved by a maintainer

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants