Dialog 标题为关闭按钮预留右侧间距
版本: 0.4.3 · 类型: 🐛 Bug Fix
问题
当 showClose 为 true(默认值)时,较长的 DialogTitle 文本会被关闭按钮遮挡。关闭按钮以绝对定位固定在右上角(right/top = --Spacing_24,宽度约 28 px),而标题没有对应的右侧 padding,在窄对话框或标题文字较多时会出现重叠。
改动文件
packages/design/src/components/Dialog/Dialog.tsx
改动内容
DialogTitle 现在会在关闭按钮可见时条件性地添加 pr-(--Spacing_40):
showClose默认为true;undefined视同true(与DialogContent自身的默认值保持一致)。- 当
showClose={false}时,不添加额外 padding。
const effectiveShowClose = (showClose ?? contentPropsShowClose) ?? true;
// ...
<DialogTitle className={effectiveShowClose ? 'pr-(--Spacing_40)' : undefined}>
{title}
</DialogTitle>