Skip to content

Conversation

@JackWang032
Copy link
Collaborator

变更类型

请选择以下选项以描述 PR 的类型:

  • Bug 修复(修复现有问题)
  • 新功能(添加了一个功能)
  • 代码优化(性能改进、代码重构)
  • 文档更新
  • 单测新增或修改
  • 其他(请说明):

相关问题

#629

变更内容

修改 EllipsisText 组件计算maxWidth逻辑

详细描述

  1. 没设置maxWidth时,向上查找父组件宽度, 父组件如果是块级但没有宽度,那么最终的maxWidth为0,当onResize后重新触发计算后maxWidth才正确(这时候父组件被撑开了)
image
  1. 设置了maxWidth(百分比)时,仍会向上查找父组件宽度计算具体的数值,但父组件可能跟第一点一样一开始没有宽度

修改方案

  1. 确定第一个有宽度的父组件时,使用scrollWidthclientWidth双重判断
  2. 显式设置了maxWidth,不再手动计算具体数值,直接作为最终的maxWidth,maxWidth百分比在css在处理时会自动的过滤行内类型的父元素,我们不需要额外处理(这与v4版本的罗辑一致)

对应 Previewer

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.

1 participant