From e4912aeacbdcb5a0dc9c8e9c6a73f57ee56ad7b3 Mon Sep 17 00:00:00 2001 From: Malusnow <1721487579@qq.com> Date: Fri, 26 Jun 2026 12:55:33 +0800 Subject: [PATCH] fix(message): support theme-aware icon callback --- db/TDesign.db | Bin 1146880 -> 1146880 bytes .../components/message/message.en-US.md | 2 +- .../packages/components/message/message.md | 2 +- .../packages/components/message/type.ts | 2 +- packages/scripts/api.json | 2 +- 5 files changed, 4 insertions(+), 4 deletions(-) diff --git a/db/TDesign.db b/db/TDesign.db index ecbacc6eb8c6d29840ff526e7e9b50264efbd419..42d7a3cfba706e47f21950b942077eb7adec868d 100644 GIT binary patch delta 245 zcmZo@aBFCAn;^|NZ=#Gd*xvzd)ID?a$ZDBmPvEyc(v%_+(#%G+egz`<*5%#g~!$-&FPz`&6z zJz2fxwyaIHLP(WC8rl|VHV!(SFFg+#TCK8 z#mFejDa|-Jzv>YipC&^gqx9tZo1#n^^^^0f{Xil`jEtKDtL+)(8_TVw7#XEGMHxkT zn=BbPc#Vx2v>7-#csUptI8yB=TNmBl%u=h)$i~3HaG8;DvSFPBWBp|Bx-HFr>e~O* xF#<6Y5HkZY3lOscF&hxG12G2>a{@6J5OV`D4-oSLF&_}~1F^vNKXrmEi~!aUS?B-& diff --git a/packages/products/tdesign-react/packages/components/message/message.en-US.md b/packages/products/tdesign-react/packages/components/message/message.en-US.md index 4cb36b618..9f7935b6e 100644 --- a/packages/products/tdesign-react/packages/components/message/message.en-US.md +++ b/packages/products/tdesign-react/packages/components/message/message.en-US.md @@ -11,7 +11,7 @@ style | Object | - | CSS(Cascading Style Sheets)，Typescript: `React.CSSPropert closeBtn | TNode | undefined | Typescript: `string \| boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N content | TNode | - | Typescript: `string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N duration | Number | 3000 | \- | N -icon | TNode | true | Typescript: `boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N +icon | TNode | true | Typescript: `boolean \| TNode<{ theme: MessageThemeList }>`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N theme | String | info | options: info/success/warning/error/question/loading。Typescript: `MessageThemeList` `type MessageThemeList = 'info' \| 'success' \| 'warning' \| 'error' \| 'question' \| 'loading'`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/message/type.ts) | N onClose | Function | | Typescript: `(context: { trigger: 'close-click' \| 'duration-end', e?: MouseEvent }) => void`
close message event | N onCloseBtnClick | Function | | Typescript: `(context: { e: MouseEvent }) => void`
| N diff --git a/packages/products/tdesign-react/packages/components/message/message.md b/packages/products/tdesign-react/packages/components/message/message.md index 07ba0b98e..e41988303 100644 --- a/packages/products/tdesign-react/packages/components/message/message.md +++ b/packages/products/tdesign-react/packages/components/message/message.md @@ -11,7 +11,7 @@ style | Object | - | 样式，TS 类型：`React.CSSProperties` | N closeBtn | TNode | undefined | 关闭按钮，可以自定义。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string 则直接显示值，如：“关闭”。也可以完全自定义按钮。TS 类型：`string \| boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N content | TNode | - | 用于自定义消息弹出内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N duration | Number | 3000 | 消息内置计时器，计时到达时会触发 duration-end 事件。单位：毫秒。值为 0 则表示没有计时器 | N -icon | TNode | true | 用于自定义消息前面的图标，优先级大于 theme 设定的图标。值为 false 则不显示图标，值为 true 显示 theme 设定图标。TS 类型：`boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N +icon | TNode | true | 用于自定义消息前面的图标，优先级大于 theme 设定的图标。值为 false 则不显示图标，值为 true 显示 theme 设定图标。TS 类型：`boolean \| TNode<{ theme: MessageThemeList }>`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N theme | String | info | 消息组件风格。可选项：info/success/warning/error/question/loading。TS 类型：`MessageThemeList` `type MessageThemeList = 'info' \| 'success' \| 'warning' \| 'error' \| 'question' \| 'loading'`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/message/type.ts) | N onClose | Function | | TS 类型：`(context: { trigger: 'close-click' \| 'duration-end', e?: MouseEvent }) => void`
关闭消息时触发 | N onCloseBtnClick | Function | | TS 类型：`(context: { e: MouseEvent }) => void`
当关闭按钮存在时，用户点击关闭按钮触发 | N diff --git a/packages/products/tdesign-react/packages/components/message/type.ts b/packages/products/tdesign-react/packages/components/message/type.ts index 5561382af..bf1bf2256 100644 --- a/packages/products/tdesign-react/packages/components/message/type.ts +++ b/packages/products/tdesign-react/packages/components/message/type.ts @@ -25,7 +25,7 @@ export interface TdMessageProps { * 用于自定义消息前面的图标，优先级大于 theme 设定的图标。值为 false 则不显示图标，值为 true 显示 theme 设定图标 * @default true */ - icon?: TNode; + icon?: boolean | TNode<{ theme: MessageThemeList }>; /** * 消息组件风格 * @default info diff --git a/packages/scripts/api.json b/packages/scripts/api.json index 747ddc611..4ca5c4644 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -86285,7 +86285,7 @@ "create_time": "2020-11-20 04:13:45", "update_time": "2021-12-08 12:27:08", "event_output": null, - "custom_field_type": "boolean | TNode", + "custom_field_type": "boolean | TNode<{ theme: MessageThemeList }>", "syntactic_sugar": null, "readonly": 1, "html_attribute": 0,