From 9f84b46f03be2b6c310bf130dfc4f220f580ea33 Mon Sep 17 00:00:00 2001
From: xuhuihui <xhh0409@outlook.com>
Date: Mon, 5 Dec 2022 10:11:13 +0800
Subject: [PATCH] feat: Popconfirm title and description props(change the title
 display logicv)

---
 components/popconfirm/PurePanel.tsx   | 8 +++++++-
 components/popconfirm/style/index.tsx | 4 +++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/popconfirm/PurePanel.tsx b/components/popconfirm/PurePanel.tsx
index 92956124f30f..486be2380b38 100644
--- 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
index aa9a552c8459..14527c8735b1 100644
--- 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,9 @@ const genBaseStyle: GenerateStyle<PopconfirmToken> = (token) => {
           flex: 'auto',
           marginInlineStart: marginXS,
         },
+        '&-title-bold': {
+          fontWeight: fontWeightStrong,
+        },
       },
 
       [`${componentCls}-description`]: {