fix(dialog): the style and className of dialog props pass to bad …

…element (#2639)

- #2619

src/dialog/Dialog.tsx

@@ -37,6 +37,8 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
   const [local] = useLocaleReceiver('dialog');
 
   const {
+    className,
+    dialogClassName,
     style,
     width,
     mode,
@@ -192,7 +194,7 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
       <Portal attach={attach} ref={portalRef}>
         <div
           ref={wrapRef}
-          className={classNames(props.className, `${componentCls}__ctx`, `${componentCls}__${mode}`, {
+          className={classNames(className, `${componentCls}__ctx`, `${componentCls}__${mode}`, {
             [`${componentCls}__ctx--fixed`]: !showInAttachedElement,
             [`${componentCls}__ctx--absolute`]: showInAttachedElement,
           })}
@@ -224,6 +226,7 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
                 <DialogCard
                   ref={dialogCardRef}
                   {...restState}
+                  className={dialogClassName}
                   style={{ ...style, width: parseValueToPx(width || style?.width) }}
                   onConfirm={onConfirm}
                   onCancel={handleCancel}

src/dialog/type.ts

@@ -9,6 +9,11 @@ import { TNode, Styles, AttachNode } from '../common';
 import { MouseEvent, KeyboardEvent } from 'react';
 
 export interface TdDialogProps extends TdDialogCardProps {
+  /**
+   * 弹框元素类名，示例：'t-class-dialog-first t-class-dialog-second'
+   * @default ''
+   */
+  dialogClassName?: string;
   /**
    * 对话框挂载的节点。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
    */
@@ -156,12 +161,12 @@ export interface DialogOptions extends Omit<TdDialogProps, 'attach'> {
    */
   attach?: AttachNode;
   /**
-   * 弹框类名，示例：'t-class-dialog-first t-class-dialog-second'
+   * ctx 弹框顶层元素类名，示例：'t-class-dialog-ctx-first t-class-dialog-ctx-second'
    * @default ''
    */
   className?: string;
   /**
-   * 弹框 style 属性，输入 [CSSStyleDeclaration.cssText](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/cssText)
+   * 弹框顶层元素 style 属性，输入 [CSSStyleDeclaration.cssText](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/cssText)
    */
   style?: Styles;
 }