fix(modal): title props support render function (vueComponent#3031)

ifengjin · Oct 24, 2020 · 9ac18c5 · 9ac18c5
1 parent 157d0e7
commit 9ac18c5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/components/modal/ConfirmDialog.jsx b/components/modal/ConfirmDialog.jsx
@@ -82,7 +82,9 @@ const ConfirmDialog = (_, { attrs }) => {
         <div class={`${contentPrefixCls}-body`}>
           {typeof icon === 'function' ? icon() : icon}
           {attrs.title === undefined ? null : (
-            <span class={`${contentPrefixCls}-title`}>{attrs.title}</span>
+            <span class={`${contentPrefixCls}-title`}>
+              {typeof attrs.title === 'function' ? attrs.title() : attrs.title}
+            </span>
           )}
           <div class={`${contentPrefixCls}-content`}>
             {typeof attrs.content === 'function' ? attrs.content() : attrs.content}

diff --git a/components/modal/__tests__/confirm.test.js b/components/modal/__tests__/confirm.test.js
@@ -102,4 +102,12 @@ describe('Modal.confirm triggers callbacks correctly', () => {
       expect($$(`.ant-modal-confirm-${type}`)).toHaveLength(0);
     }
   });
+
+  it('should render title', async () => {
+    open({
+      title: h => <span>title</span>,
+    });
+    await sleep();
+    expect($$('.ant-modal-confirm-title')[0].innerHTML).toBe('<span>title</span>');
+  });
 });