跳到主要内容

Dialog 标题为关闭按钮预留右侧间距

版本: 0.4.3 · 类型: 🐛 Bug Fix

问题

showClosetrue(默认值)时,较长的 DialogTitle 文本会被关闭按钮遮挡。关闭按钮以绝对定位固定在右上角(right/top = --Spacing_24,宽度约 28 px),而标题没有对应的右侧 padding,在窄对话框或标题文字较多时会出现重叠。

改动文件

  • packages/design/src/components/Dialog/Dialog.tsx

改动内容

DialogTitle 现在会在关闭按钮可见时条件性地添加 pr-(--Spacing_40)

  • showClose 默认为 trueundefined 视同 true(与 DialogContent 自身的默认值保持一致)。
  • showClose={false} 时,不添加额外 padding。
const effectiveShowClose = (showClose ?? contentPropsShowClose) ?? true;
// ...
<DialogTitle className={effectiveShowClose ? 'pr-(--Spacing_40)' : undefined}>
{title}
</DialogTitle>