Feat: Add prop to disable close button

README.md

@@ -65,6 +65,7 @@ ReactDOM.render(
 | title                  | String\|React.Element          |           | Title of the dialog                                                             |         |
 | footer                 | React.Element                  |           | footer of the dialog                                                            |         |
 | closable               | Boolean                        | true      | whether show close button                                                       |         |
+| disableCloseBtn        | Boolean                        | false     | whether close button is disabled                                                |         |
 | mask                   | Boolean                        | true      | whether show mask                                                               |         |
 | maskClosable           | Boolean                        | true      | whether click mask to close                                                     |         |
 | keyboard               | Boolean                        | true      | whether support press esc to close                                              |         |

assets/index/Dialog.less

@@ -46,6 +46,10 @@
     opacity: .2;
     text-decoration: none;
 
+    &:disabled {
+      pointer-events: none;
+    }
+
     &-x:after {
       content: '×'
     }

src/Dialog/Content/Panel.tsx

@@ -32,6 +32,7 @@ const Panel = React.forwardRef<ContentRef, PanelProps>((props, ref) => {
     footer,
     closable,
     closeIcon,
+    disableCloseBtn,
     onClose,
     children,
     bodyStyle,
@@ -120,11 +121,13 @@ const Panel = React.forwardRef<ContentRef, PanelProps>((props, ref) => {
       aria-label="Close"
       {...ariaProps}
       className={`${prefixCls}-close`}
+      disabled={disableCloseBtn}
     >
       {closableObj.closeIcon}
     </button>
   ) : null;
 
+
   const content = (
     <div
       className={classNames(`${prefixCls}-content`, modalClassNames?.content)}

src/IDialogPropTypes.tsx

@@ -29,6 +29,7 @@ export type IDialogPropTypes = {
   afterOpenChange?: (open: boolean) => void;
   onClose?: (e: SyntheticEvent) => any;
   closable?: boolean | ({ closeIcon?: React.ReactNode } & React.AriaAttributes);
+  disableCloseBtn?: boolean;
   maskClosable?: boolean;
   visible?: boolean;
   destroyOnClose?: boolean;

tests/index.spec.tsx

@@ -102,6 +102,26 @@ describe('dialog', () => {
     expect(onClose).toHaveBeenCalledTimes(1);
   });
 
+  it('disableCloseBtn', () => {
+    const onClose = jest.fn();
+    const wrapper = mount(<Dialog onClose={onClose} visible disableCloseBtn />);
+    jest.runAllTimers();
+    wrapper.update();
+
+    const btn = wrapper.find('.rc-dialog-close');
+    expect(btn.prop('disabled')).toBe(true);
+    btn.simulate('click');
+
+    jest.runAllTimers();
+    wrapper.update();
+    expect(onClose).not.toHaveBeenCalled();
+
+    btn.simulate('keydown', { key: 'Enter' });
+    jest.runAllTimers();
+    wrapper.update();
+    expect(onClose).not.toHaveBeenCalled();
+  });
+
   describe('destroyOnClose', () => {
     it('default is false', () => {
       const wrapper = mount(