feat(Dialog): enhance dialogClassName prop to support multiple formats (#4096)

* feat(Dialog): enhance `dialogClassName` prop to support multiple formats

* chore: stash changelog [ci skip]

---------

Co-authored-by: tdesign-bot <[email protected]>

Author: RSS1102

packages/components/dialog/Dialog.tsx

@@ -297,7 +297,7 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
                   ref={dialogCardRef}
                   {...restState}
                   mode={mode}
-                  className={dialogClassName}
+                  className={classNames(dialogClassName)}
                   style={{ ...style, width: pxCompat(width || style?.width) }}
                   onConfirm={onConfirm}
                   onCancel={handleCancel}

packages/components/dialog/dialog.en-US.md

@@ -28,7 +28,7 @@ confirmBtn | TNode | - | Typescript: `string \| ButtonProps \| TNode \| null`。
 confirmLoading | Boolean | undefined | confirm button loading status | N
 confirmOnEnter | Boolean | - | confirm on enter | N
 destroyOnClose | Boolean | false | \- | N
-dialogClassName | String | - | \- | N
+dialogClassName | String / Object / Array | - | The class name for the popover content section, supporting multiple formats: string (e.g., `'name1 name2 name3'`), array (e.g., `['name1', 'name2']`), or array of objects (e.g., `[{ 'name1': true }]`)。Typescript: `ClassName`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N
 draggable | Boolean | false | not effective in `full-screen` mode | N
 footer | TNode | true | Typescript: `boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N
 header | TNode | true | Typescript: `string \| boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N

packages/components/dialog/dialog.md

@@ -49,7 +49,7 @@ confirmBtn | TNode | - | 确认按钮。值为 null 则不显示确认按钮。
 confirmLoading | Boolean | undefined | 确认按钮加载状态 | N
 confirmOnEnter | Boolean | - | 是否在按下回车键时，触发确认事件 | N
 destroyOnClose | Boolean | false | 是否在关闭弹框的时候销毁子元素 | N
-dialogClassName | String | - | 弹框元素类名，示例：'t-class-dialog-first t-class-dialog-second' | N
+dialogClassName | String / Object / Array | - | 内容部分的类名，支持多种格式：字符串（例如 `'name1 name2 name3'`）、数组（例如 `['name1', 'name2']`）或对象数组（例如 `[{ 'name1': true }]`）。TS 类型：`ClassName`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N
 draggable | Boolean | false | 是否可以拖拽（对全屏对话框无效） | N
 footer | TNode | true | 底部操作栏，默认会有“确认”和“取消”两个按钮。值为 true 显示默认操作按钮，值为 false 不显示任何内容，值类型为 Function 表示自定义底部内容。TS 类型：`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N
 header | TNode | true | 头部内容。值为 true 显示空白头部，值为 false 不显示任何内容，值类型为 string 则直接显示值，值类型为 Function 表示自定义头部内容。TS 类型：`string \| boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N

packages/components/dialog/type.ts

@@ -6,7 +6,7 @@
 
 import { KeyboardEvent, MouseEvent } from 'react';
 import { ButtonProps } from '../button';
-import { AttachNode, Styles, TNode } from '../common';
+import { AttachNode, ClassName, Styles, TNode } from '../common';
 
 export interface TdDialogProps {
   /**
@@ -56,10 +56,9 @@ export interface TdDialogProps {
    */
   destroyOnClose?: boolean;
   /**
-   * 弹框元素类名，示例：'t-class-dialog-first t-class-dialog-second'
-   * @default ''
+   * 内容部分的类名，支持多种格式：字符串（例如 `'name1 name2 name3'`）、数组（例如 `['name1', 'name2']`）或对象数组（例如 `[{ 'name1': true }]`）
    */
-  dialogClassName?: string;
+  dialogClassName?: ClassName;
   /**
    * 是否可以拖拽（对全屏对话框无效）
    * @default false

packages/tdesign-react/.changelog/pr-4096.md

@@ -0,0 +1,6 @@
+---
+pr_number: 4096
+contributor: RSS1102
+---
+
+- feat(Dialog): 增强 `dialogClassName` 属性以支持多种格式 @RSS1102 ([#4096](https://github.com/Tencent/tdesign-react/pull/4096))