From 37487d89b4f1566197f6334914672ccd3c0ccf60 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=98=BF=20Cai?= Date: Mon, 19 Jan 2026 16:28:38 +0800 Subject: [PATCH] =?UTF-8?q?feat(Dialog):=20=20=E7=BB=84=E4=BB=B6=E6=94=AF?= =?UTF-8?q?=E6=8C=81=E6=9B=B4=E5=A4=9A=E6=A0=BC=E5=BC=8F=20dialogClassName?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- db/TDesign.db | Bin 1097728 -> 1097728 bytes .../components/dialog/dialog.en-US.md | 2 +- .../packages/components/dialog/dialog.md | 2 +- .../packages/components/dialog/type.ts | 7 +++---- .../components/dialog/dialog.en-US.md | 2 +- .../packages/components/dialog/dialog.md | 2 +- .../packages/components/dialog/props.ts | 5 ++--- .../packages/components/dialog/type.ts | 7 +++---- .../tdesign-vue/src/dialog/dialog.en-US.md | 2 +- .../products/tdesign-vue/src/dialog/dialog.md | 2 +- .../products/tdesign-vue/src/dialog/props.ts | 5 ++--- .../products/tdesign-vue/src/dialog/type.ts | 7 +++---- packages/scripts/api.json | 14 +++++++++----- 13 files changed, 28 insertions(+), 29 deletions(-) diff --git a/db/TDesign.db b/db/TDesign.db index 7a2f33b46285241c00ff139ba1c58103c72aa9bc..d8e29b9b66eed581384a83c9ea9eb7f381b07ae9 100644 GIT binary patch delta 489 zcmZo@aBgUDo*>P*W}=KUaUHnDi1f{=_DsU2@51>>L?@@6(v?e#X(M!1&RS}f(YlQDdZ<*0WBzossKBVQFHoC3tlx&c%W@R aZOkjm!uY8Dp*b%Q^8qpc_J`&I@*MyP*dZLUo!B{jGtwIDY?CAA>GAipfNX!~hnUQrfCtM-THyg, }, /** 作用于对话框本身的样式 */ dialogStyle: { diff --git a/packages/products/tdesign-vue-next/packages/components/dialog/type.ts b/packages/products/tdesign-vue-next/packages/components/dialog/type.ts index 853e3d54e..9fd39c4f6 100644 --- a/packages/products/tdesign-vue-next/packages/components/dialog/type.ts +++ b/packages/products/tdesign-vue-next/packages/components/dialog/type.ts @@ -5,7 +5,7 @@ * */ import { ButtonProps } from '../button'; -import { TNode, Styles, AttachNode, AppContext } from '../common'; +import { TNode, ClassName, Styles, AttachNode, AppContext } from '../common'; export interface TdDialogProps { /** @@ -55,10 +55,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; /** * 作用于对话框本身的样式 */ diff --git a/packages/products/tdesign-vue/src/dialog/dialog.en-US.md b/packages/products/tdesign-vue/src/dialog/dialog.en-US.md index e38bf5571..9bfa5f4bb 100644 --- a/packages/products/tdesign-vue/src/dialog/dialog.en-US.md +++ b/packages/products/tdesign-vue/src/dialog/dialog.en-US.md @@ -43,7 +43,7 @@ confirmLoading | Boolean | undefined | confirm button loading status | N confirmOnEnter | Boolean | - | confirm on enter | N default | String / Slot / Function | - | Typescript: `string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | 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-vue/blob/develop/src/common.ts) | N dialogStyle | Object | - | Styles that apply to the dialog box itself。Typescript: `Styles`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N draggable | Boolean | false | not effective in `full-screen` mode | N footer | Boolean / Slot / Function | true | Typescript: `boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N diff --git a/packages/products/tdesign-vue/src/dialog/dialog.md b/packages/products/tdesign-vue/src/dialog/dialog.md index 1484cdb57..2b48df589 100644 --- a/packages/products/tdesign-vue/src/dialog/dialog.md +++ b/packages/products/tdesign-vue/src/dialog/dialog.md @@ -43,7 +43,7 @@ confirmLoading | Boolean | undefined | 确认按钮加载状态 | N confirmOnEnter | Boolean | - | 是否在按下回车键时，触发确认事件 | N default | String / Slot / Function | - | 对话框内容，同 body。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | 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-vue/blob/develop/src/common.ts) | N dialogStyle | Object | - | 作用于对话框本身的样式。TS 类型：`Styles`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N draggable | Boolean | false | 是否可以拖拽（对全屏对话框无效） | N footer | Boolean / Slot / Function | true | 底部操作栏，默认会有“确认”和“取消”两个按钮。值为 true 显示默认操作按钮，值为 false 不显示任何内容，值类型为 Function 表示自定义底部内容。TS 类型：`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N diff --git a/packages/products/tdesign-vue/src/dialog/props.ts b/packages/products/tdesign-vue/src/dialog/props.ts index 849ef0412..1f1c36915 100644 --- a/packages/products/tdesign-vue/src/dialog/props.ts +++ b/packages/products/tdesign-vue/src/dialog/props.ts @@ -52,10 +52,9 @@ export default { }, /** 是否在关闭弹框的时候销毁子元素 */ destroyOnClose: Boolean, - /** 弹框元素类名，示例：'t-class-dialog-first t-class-dialog-second' */ + /** 内容部分的类名，支持多种格式：字符串（例如 `'name1 name2 name3'`）、数组（例如 `['name1', 'name2']`）或对象数组（例如 `[{ 'name1': true }]`） */ dialogClassName: { - type: String, - default: '', + type: [String, Object, Array] as PropType, }, /** 作用于对话框本身的样式 */ dialogStyle: { diff --git a/packages/products/tdesign-vue/src/dialog/type.ts b/packages/products/tdesign-vue/src/dialog/type.ts index 853e3d54e..9fd39c4f6 100644 --- a/packages/products/tdesign-vue/src/dialog/type.ts +++ b/packages/products/tdesign-vue/src/dialog/type.ts @@ -5,7 +5,7 @@ * */ import { ButtonProps } from '../button'; -import { TNode, Styles, AttachNode, AppContext } from '../common'; +import { TNode, ClassName, Styles, AttachNode, AppContext } from '../common'; export interface TdDialogProps { /** @@ -55,10 +55,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; /** * 作用于对话框本身的样式 */ diff --git a/packages/scripts/api.json b/packages/scripts/api.json index ec5ee39c8..4fce7f00a 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -45979,18 +45979,20 @@ "field_category": 1, "field_name": "dialogClassName", "field_type": [ - "1" + "1", + "8", + "16" ], "field_default_value": "", "field_enum": "", - "field_desc_zh": "弹框元素类名，示例：'t-class-dialog-first t-class-dialog-second'", - "field_desc_en": null, + "field_desc_zh": "内容部分的类名，支持多种格式：字符串（例如 `'name1 name2 name3'`）、数组（例如 `['name1', 'name2']`）或对象数组（例如 `[{ 'name1': true }]`）", + "field_desc_en": "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 }]`)", "field_required": 0, "event_input": "", "create_time": "2024-02-23 10:23:24", "update_time": "2024-02-23 10:23:24", "event_output": null, - "custom_field_type": null, + "custom_field_type": "ClassName", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0, @@ -46005,7 +46007,9 @@ "React(PC)" ], "field_type_text": [ - "String" + "String", + "Object", + "Array" ] }, {