Skip to content

feat(badge-card): 描述文本按实际折行行数自适应卡片高度 - #259

Open
jasper241024 wants to merge 1 commit into
antvis:mainfrom
jasper241024:feature/badge-card-dynamic-hight
Open

feat(badge-card): 描述文本按实际折行行数自适应卡片高度#259
jasper241024 wants to merge 1 commit into
antvis:mainfrom
jasper241024:feature/badge-card-dynamic-hight

Conversation

@jasper241024

@jasper241024 jasper241024 commented Sep 1, 2026

Copy link
Copy Markdown
  • 新增 measureTextLines:测量文本在容器宽度内的折行行数,与渲染层换行行为对齐(CJK 逐字断行、超长单词强制断开);结果由 withTextLinesCache 按单次 compose 的作用域托管,作用域外不缓存,避免 Web 字体加载后沿用回退字体的度量
  • BadgeCard 高度由固定 80px / 固定两行 desc 改为按整批 item 中最长描述的实际折行统一计算,长文本不再溢出卡片、网格单元格高度对齐;显式传入 height 时优先
  • sequence-interaction 渲染 Item 时补充 data 属性以参与统一高度计算

Closes #258

@jasper241024
jasper241024 force-pushed the feature/badge-card-dynamic-hight branch from 111a188 to 659ea71 Compare September 1, 2026 15:07
- 新增 measureTextLines:测量文本在容器宽度内的折行行数,与渲染层
  换行行为对齐(CJK 逐字断行、超长单词强制断开);结果由
  withTextLinesCache 按单次 compose 的作用域托管,作用域外不缓存,
  避免 Web 字体加载后沿用回退字体的度量
- BadgeCard 高度由固定 80px / 固定两行 desc 改为按整批 item 中最长
  描述的实际折行统一计算,长文本不再溢出卡片、网格单元格高度对齐;
  显式传入 height 时优先
- sequence-interaction 渲染 Item 时补充 data 属性以参与统一高度计算

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016CvS5NXm1n4WBhv3kkDeWL
@jasper241024
jasper241024 force-pushed the feature/badge-card-dynamic-hight branch from 659ea71 to 66eba12 Compare September 1, 2026 16:10
@jasper241024 jasper241024 changed the title feat(badge-card): 描述文本按实际折行行数自适应卡片高度 (#258) feat(badge-card): 描述文本按实际折行行数自适应卡片高度 Sep 1, 2026
@jasper241024
jasper241024 marked this pull request as draft September 1, 2026 16:13
@jasper241024
jasper241024 marked this pull request as ready for review September 1, 2026 16:21
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.

BadgeCard 无自适应高会导致多行文本溢出背景

1 participant