Skip to content

docs(chat): correct animation props #4167

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
RylanBot wants to merge 3 commits into
base: develop
Choose a base branch
from
Open

docs(chat): correct animation props #4167

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a762498
docs(chat): correct animation props
RylanBot Mar 13, 2026
49d0248
fix: stackblitz
RylanBot Mar 13, 2026
01c6347
Merge branch 'develop' into rylan/docs/chat/animation
RylanBot Mar 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/pro-components/chat/chat-message/_example/status.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export default function ChatMessageExample() {
></ChatMessage>
<ChatMessage
avatar="https://tdesign.gtimg.com/site/chat-avatar.png"
animation="dot"
animation="dots"
name="TDesignAI"
{...messages.loading}
></ChatMessage>
Expand Down
4 changes: 2 additions & 2 deletions packages/pro-components/chat/chat-message/_usage/props.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,8 +40,8 @@
"value": "circle"
},
{
"label": "dot",
"value": "dot"
"label": "dots",
"value": "dots"
}
]
},
Expand Down
2 changes: 1 addition & 1 deletion packages/pro-components/chat/chat-message/chat-message.en-US.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ role | String | - | 发送者角色 | N
variant | String | text | 消息变体样式。可选项：base/outline/text | N
chatContentProps | Object | - | 消息内容属性配置。类型支持见 `chatContentProps` | N
handleActions | Object | - | 操作按钮处理函数 | N
animation | String | skeleton | 加载动画类型。可选项：skeleton/moving/gradient/circle | N
animation | String | skeleton | 加载动画类型。可选项：skeleton/moving/gradient/dots/circle | N

### ChatMessagesData 消息对象结构

Expand Down
6 changes: 3 additions & 3 deletions packages/pro-components/chat/chat-message/chat-message.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ spline: aigc
-- | -- | -- | -- | --
placement | String | left | 消息显示位置。可选项：left/right | N
variant | String | text | 消息气泡样式变体。可选项：base/outline/text | N
animation | String | skeleton | 加载动画类型。可选项：skeleton/moving/gradient/circle | N
animation | String | skeleton | 加载动画类型。可选项：skeleton/moving/gradient/dots/circle | N
name | String/TNode | - | 发送者名称，支持字符串或自定义渲染 | N
avatar | String/TNode | - | 发送者头像，支持 URL 字符串或自定义渲染 | N
datetime | String/TNode | - | 消息发送时间 | N
Expand Down Expand Up @@ -117,7 +117,7 @@ collapsed | Boolean | - | 是否默认折叠
名称 | 类型 | 默认值 | 说明
-- | -- | -- | --
maxHeight | Number | - | 思考内容最大高度（px）
animation | String | - | 加载动画类型。可选项：skeleton/moving/gradient/circle
animation | String | - | 加载动画类型。可选项：skeleton/moving/gradient/dots/circle
collapsed | Boolean | - | 是否默认折叠
layout | String | - | 布局样式。可选项：block/border

Expand All @@ -126,7 +126,7 @@ layout | String | - | 布局样式。可选项：block/border
名称 | 类型 | 默认值 | 说明
-- | -- | -- | --
maxHeight | Number | - | 推理内容最大高度（px）
animation | String | - | 加载动画类型。可选项：skeleton/moving/gradient/circle
animation | String | - | 加载动画类型。可选项：skeleton/moving/gradient/dots/circle
collapsed | Boolean | - | 是否默认折叠
layout | String | - | 布局样式。可选项：block/border

Expand Down
7 changes: 4 additions & 3 deletions packages/tdesign-react-aigc/site/src/components/stackblitz/content.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import tdesignReactPkg from '../../../../../tdesign-react/package.json';
import tdesignReactChatPkg from '../../../../package.json';
import orgPkg from '../../../package.json';
import tdesignReactPkg from '../../../../package.json';

export const htmlContent = `
<div id="app"></div>
Expand Down Expand Up @@ -117,8 +118,8 @@ export const packageJSONContent = JSON.stringify(
dependencies: {
react: orgPkg.dependencies.react,
'react-dom': orgPkg.dependencies['react-dom'],
'tdesign-react': orgPkg.dependencies['tdesign-react'],
'@tdesign-react/chat': tdesignReactPkg.version,
'tdesign-react': tdesignReactPkg.version,
'@tdesign-react/chat': tdesignReactChatPkg.version,
'tdesign-icons-react': orgPkg.dependencies['tdesign-icons-react'],
'@types/react': orgPkg.devDependencies['@types/react'],
'@types/react-dom': orgPkg.devDependencies['@types/react-dom'],
Expand Down
Loading