feat: content class

content/show/modal/index.md

@@ -670,6 +670,7 @@ function Demo(props = {}) {
 | cancelText | 取消按钮的文字 | string | 无 |
 | centered | 是否居中显示 | boolean | false |
 | className | 可用于设置样式类名 | string | 无 |
+| modalContentClass | 可用于设置对话框内容的样式类名 | string | 无 |
 | closable | 是否显示右上角的关闭按钮 | boolean | true |
 | confirmLoading | 确认按钮 loading | boolean | false |
 | content | 对话框内容 | ReactNode | 无 |

packages/semi-ui/modal/Modal.tsx

@@ -391,7 +391,7 @@ class Modal extends BaseComponent<ModalReactProps, ModalState> {
                                         contentExtraProps={animationEventsNeedBind}
                                         maskExtraProps={maskAnimationEventsNeedBind}
                                         isFullScreen={this.state.isFullScreen}
-                                        contentClassName={animationClassName}
+                                        contentClassName={`${animationClassName} ${modalContentClass}`}
                                         maskClassName={maskAnimationClassName}
                                         className={classList}
                                         getPopupContainer={getPopupContainer}
@@ -400,7 +400,6 @@ class Modal extends BaseComponent<ModalReactProps, ModalState> {
                                         ref={this.modalRef}
                                         footer={renderFooter}
                                         onClose={this.handleCancel}
-                                        modalContentClass={modalContentClass}
 
                                     /></Portal> : <></>;
                                 }

packages/semi-ui/modal/ModalContent.tsx

@@ -286,7 +286,6 @@ export default class ModalContent extends BaseComponent<ModalContentReactProps,
                     onAnimationEnd={props.onAnimationEnd}
                     className={cls([`${cssClasses.DIALOG}-content`,
                         props.contentClassName,
-                        props.modalContentClass,
                         { [`${cssClasses.DIALOG}-content-fullScreen`]: props.isFullScreen }])}>
                     {header}
                     {body}