feat: Popconfirm title and description props(change the title display…

… logicv)
ant-design · Dec 5, 2022 · 9352129 · 9352129
1 parent d2289e1
commit 9352129
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/components/popconfirm/PurePanel.tsx b/components/popconfirm/PurePanel.tsx
@@ -62,7 +62,13 @@ export const Overlay: React.FC<OverlayProps> = (props) => {
         <div className={`${prefixCls}-inner-content`}>
           <div className={`${prefixCls}-message`}>
             {icon && <span className={`${prefixCls}-message-icon`}>{icon}</span>}
-            <div className={`${prefixCls}-message-title`}>{getRenderPropValue(title)}</div>
+            <div
+              className={classNames(`${prefixCls}-message-title`, {
+                [`${prefixCls}-message-title-bold`]: !!description,
+              })}
+            >
+              {getRenderPropValue(title)}
+            </div>
           </div>
           <div className={`${prefixCls}-description`}>{getRenderPropValue(description)}</div>
           <div className={`${prefixCls}-buttons`}>

diff --git a/components/popconfirm/style/index.tsx b/components/popconfirm/style/index.tsx
@@ -34,7 +34,6 @@ const genBaseStyle: GenerateStyle<PopconfirmToken> = (token) => {
         marginBottom: marginXS,
         color: colorText,
         fontSize,
-        fontWeight: fontWeightStrong,
         display: 'flex',
         flexWrap: 'nowrap',
         alignItems: 'start',
@@ -51,6 +50,13 @@ const genBaseStyle: GenerateStyle<PopconfirmToken> = (token) => {
           flex: 'auto',
           marginInlineStart: marginXS,
         },
+        '&-title-bold': {
+          fontWeight: fontWeightStrong,
+        },
+      },
+
+      [`${componentCls}-message-bold`]: {
+        fontWeight: fontWeightStrong,
       },
 
       [`${componentCls}-description`]: {