feat: dialogStyle dialogClass deprecated #3142

components/vc-dialog/Dialog.jsx

@@ -7,6 +7,7 @@ import BaseMixin from '../_util/BaseMixin';
 import { getTransitionProps, Transition } from '../_util/transition';
 import switchScrollingEffect from '../_util/switchScrollingEffect';
 import getDialogPropTypes from './IDialogPropTypes';
+import warning from '../_util/warning';
 const IDialogPropTypes = getDialogPropTypes();
 
 let uuid = 0;
@@ -64,6 +65,8 @@ export default defineComponent({
     focusTriggerAfterClose: true,
   }),
   data() {
+    warning(!this.dialogClass, 'Modal', 'dialogClass is deprecated, please use class instead.');
+    warning(!this.dialogStyle, 'Modal', 'dialogStyle is deprecated, please use style instead.');
     return {
       inTransition: false,
       titleId: `rcDialogTitle${uuid++}`,
@@ -210,8 +213,8 @@ export default defineComponent({
         bodyProps,
         forceRender,
         closeIcon,
-        dialogStyle,
-        dialogClass,
+        dialogStyle = {},
+        dialogClass = '',
       } = this;
       const dest = { ...dialogStyle };
       if (width !== undefined) {

components/vc-dialog/IDialogPropTypes.js

@@ -32,8 +32,8 @@ function IDialogPropTypes() {
     maskProps: PropTypes.any,
     wrapProps: PropTypes.any,
     getContainer: PropTypes.any,
-    dialogStyle: PropTypes.object.def(() => ({})),
-    dialogClass: PropTypes.string.def(''),
+    dialogStyle: PropTypes.object,
+    dialogClass: PropTypes.string,
     closeIcon: PropTypes.any,
     forceRender: PropTypes.looseBool,
     getOpenCount: PropTypes.func,