feat(Dialog): add `focusable` by RylanBot · Pull Request #4448 · Tencent/tdesign-react

RylanBot · 2026-10-28T08:29:22Z

🤔 这个 PR 的性质是？

🔗 相关 Issue

[Dialog] 支持焦点落点可配置、Enter 键确认与焦点循环（含 DialogPlugin 对齐） #4430
Dialog 复现：https://stackblitz.com/edit/ckdffaxy?file=src%2Fdemo.tsx
ImageViewer 复现：https://stackblitz.com/edit/y1f3zvij?file=src%2Fdemo.tsx

💡 需求背景和解决方案

feat: centralize dialog focus management tdesign-common#2757

📝 更新日志

本条 PR 不需要纳入 Changelog

tdesign-react

feat(Dialog): 新增 focusable API，用于管理焦点
feat(Dialog): 新增 dialogStyle API，用于覆盖对话框本身的样式
feat(Dialog): 新增 mode='normal' 类型，不脱离文档流的对话框
feat(ConfigProvider): dialog 支持 confirmOnEnter 和 focusable 配置
fix(Dialog): 修复开启 confirmOnEnter 后，在加载、可换行输入及 IME 组合输入等场景下误触发确认的问题
fix(ConfigProvider): 修复 dialog.confirmBtnTheme 与 popconfirm.confirmBtnTheme 不生效的问题
fix(ImageViewer): 修复多层弹窗场景下，非顶层图片预览仍响应键盘事件的问题

@tdesign-react/chat

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

文档已补充或无须补充
代码演示已提供或无须提供
TypeScript 定义已补充或无须补充
Changelog 已提供或无须提供

github-actions · 2026-10-28T08:31:52Z

Size Change: 0 B

Total Size: 76.3 kB

ℹ️ View Unchanged

Filename	Size
`packages/tdesign-react-aigc/es/_util/reactify.js`	2.99 kB
`packages/tdesign-react-aigc/es/_util/useDynamicStyle.js`	615 B
`packages/tdesign-react-aigc/es/attachments/index.js`	345 B
`packages/tdesign-react-aigc/es/chat-actionbar/index.js`	984 B
`packages/tdesign-react-aigc/es/chat-engine/components/activity/index.js`	378 B
`packages/tdesign-react-aigc/es/chat-engine/components/activity/registry.js`	454 B
`packages/tdesign-react-aigc/es/chat-engine/components/activity/render.js`	1.12 kB
`packages/tdesign-react-aigc/es/chat-engine/components/activity/types.js`	106 B
`packages/tdesign-react-aigc/es/chat-engine/components/index.js`	973 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/catalog/atomic/button.js`	1.51 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/catalog/atomic/card.js`	1.01 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/catalog/atomic/input.js`	1.52 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/catalog/atomic/layout.js`	1.58 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/catalog/atomic/text.js`	997 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/catalog/catalog-to-prompt.js`	7.53 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/contexts/actions.js`	2.94 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/contexts/data.js`	11.8 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/contexts/index.js`	428 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/contexts/store.js`	954 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/contexts/tree.js`	929 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/contexts/validation.js`	2.06 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/contexts/visibility.js`	709 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/index.js`	748 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/registry/a2ui-binding.js`	2.1 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/registry/a2ui-registry.js`	1.48 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/registry/config.js`	517 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/registry/index.js`	1.85 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/renderer/_index.js`	1.52 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/renderer/A2UIJsonRenderActivityRenderer.js`	3.5 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/renderer/A2UISurface.js`	2.71 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/renderer/JsonRenderActivityRenderer.js`	842 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/renderer/JsonUIRenderer.js`	1.68 kB
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/types.js`	106 B
`packages/tdesign-react-aigc/es/chat-engine/components/json-render/utils/sanitize-props.js`	933 B
`packages/tdesign-react-aigc/es/chat-engine/components/provider/agent-state.js`	430 B
`packages/tdesign-react-aigc/es/chat-engine/components/shared/ComponentErrorBoundary.js`	836 B
`packages/tdesign-react-aigc/es/chat-engine/components/shared/createRegistry.js`	942 B
`packages/tdesign-react-aigc/es/chat-engine/components/shared/index.js`	296 B
`packages/tdesign-react-aigc/es/chat-engine/components/shared/useRegistrationListener.js`	554 B
`packages/tdesign-react-aigc/es/chat-engine/components/toolcall/index.js`	459 B
`packages/tdesign-react-aigc/es/chat-engine/components/toolcall/registry.js`	457 B
`packages/tdesign-react-aigc/es/chat-engine/components/toolcall/render.js`	2.38 kB
`packages/tdesign-react-aigc/es/chat-engine/components/toolcall/types.js`	208 B
`packages/tdesign-react-aigc/es/chat-engine/hooks/index.js`	436 B
`packages/tdesign-react-aigc/es/chat-engine/hooks/useAgentActivity.js`	934 B
`packages/tdesign-react-aigc/es/chat-engine/hooks/useAgentState.js`	1.16 kB
`packages/tdesign-react-aigc/es/chat-engine/hooks/useAgentToolcall.js`	947 B
`packages/tdesign-react-aigc/es/chat-engine/hooks/useChat.js`	1.04 kB
`packages/tdesign-react-aigc/es/chat-engine/index.js`	1.19 kB
`packages/tdesign-react-aigc/es/chat-filecard/index.js`	345 B
`packages/tdesign-react-aigc/es/chat-loading/index.js`	351 B
`packages/tdesign-react-aigc/es/chat-markdown/index.js`	384 B
`packages/tdesign-react-aigc/es/chat-message/index.js`	358 B
`packages/tdesign-react-aigc/es/chat-sender/index.js`	349 B
`packages/tdesign-react-aigc/es/chat-thinking/index.js`	369 B
`packages/tdesign-react-aigc/es/chatbot/index.js`	393 B
`packages/tdesign-react-aigc/es/index.js`	1.37 kB
`packages/tdesign-react-aigc/es/style/index.js`	148 B

_{compressed-size-action::tdesign-react-chat}

tdesign-bot · 2026-10-28T08:32:48Z

TDesign Component Site Preview Open

Component	Preview
tdesign-react
@tdesign-react/chat

…focusable

pkg-pr-new · 2026-10-29T11:22:58Z

tdesign-react-demo

npm i https://pkg.pr.new/tdesign-react@4448

npm i https://pkg.pr.new/@tdesign-react/chat@4448

commit: 990ac7d

github-actions · 2026-10-29T11:26:34Z

Size Change: +4.5 kB (+0.48%)

Total Size: 944 kB

📦 View Changed

Filename	Size	Change
`packages/tdesign-react/dist/tdesign.js`	521 kB	+2.75 kB (+0.53%)
`packages/tdesign-react/dist/tdesign.min.js`	305 kB	+1.75 kB (+0.58%)

ℹ️ View Unchanged

Filename	Size
`packages/tdesign-react/dist/reset.css`	1.93 kB
`packages/tdesign-react/dist/tdesign.css`	61 kB
`packages/tdesign-react/dist/tdesign.min.css`	55.2 kB

_{compressed-size-action::tdesign-react}

RylanBot · 2026-10-29T12:40:25Z

/update-snapshots

github-actions · 2026-10-29T12:40:58Z

⏳ 正在运行快照更新。。。 CI: Open

…focusable

feat(Dialog): add focusable

be12e82

RylanBot requested review from HaixingOoO, NWYLZW, ZWkang, carolin913, honkinglin and uyarn as code owners October 28, 2026 08:29

RylanBot added the WIP work in porgess label Oct 28, 2026

RylanBot added 2 commits October 28, 2026 20:56

feat: centralize management

ccf8088

chore(ImageViewer): useLatest

fca8fbb

RylanBot force-pushed the rylan/feat/dialog/focusable branch from 9337e0c to fca8fbb Compare October 28, 2026 13:02

chore(ImageViewer): add test

213782d

RylanBot removed the WIP work in porgess label Oct 29, 2026

RylanBot added 4 commits October 29, 2026 14:12

chore: update comments

1159054

fix(Dialog): onConfirm

064f489

fix: globalDialogConfig?.confirmBtnTheme not work

d8c2347

feat: support config-provider

a1498e3

RylanBot mentioned this pull request Oct 29, 2026

fix(Dialog): unintended confirmOnEnter triggers #4437

Closed

5 of 16 tasks

RylanBot added 3 commits October 29, 2026 16:36

chore: typo

ec6aa7a

chore: update docs

1521491

Merge remote-tracking branch 'origin/develop' into rylan/feat/dialog/…

fbccdcd

…focusable

github-actions Bot and others added 3 commits October 29, 2026 12:43

chore: update snapshot

67f062c

feat(Dialog): support dialogStyle

d0e9684

chore: update common

896c3f7

RylanBot added 4 commits October 30, 2026 20:06

Merge remote-tracking branch 'origin/develop' into rylan/feat/dialog/…

7f7372c

…focusable

chore: update snapshots

4f5b8a5

fix(Dialog): restore lazy rendering behavior

8a3c922

feat(Dialog): support mode=normal

990ac7d

RylanBot force-pushed the rylan/feat/dialog/focusable branch from f8c29c9 to 990ac7d Compare November 4, 2026 09:51

Navigation Menu

Repository navigation

feat(Dialog): add `focusable` - #4448

feat(Dialog): add `focusable`#4448
RylanBot wants to merge 18 commits into
developfrom
rylan/feat/dialog/focusable

RylanBot commented Oct 28, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Oct 28, 2026

Uh oh!

tdesign-bot commented Oct 28, 2026 •

edited

Loading

Uh oh!

pkg-pr-new Bot commented Oct 29, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Oct 29, 2026 •

edited

Loading

Uh oh!

RylanBot commented Oct 29, 2026

Uh oh!

github-actions Bot commented Oct 29, 2026

Uh oh!

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

RylanBot commented Oct 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🤔 这个 PR 的性质是？

🔗 相关 Issue

💡 需求背景和解决方案

📝 更新日志

tdesign-react

@tdesign-react/chat

☑️ 请求合并前的自查清单

Uh oh!

github-actions Bot commented Oct 28, 2026

Uh oh!

tdesign-bot commented Oct 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

TDesign Component Site Preview Open

Uh oh!

pkg-pr-new Bot commented Oct 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented Oct 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

RylanBot commented Oct 29, 2026

Uh oh!

github-actions Bot commented Oct 29, 2026

Uh oh!

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

RylanBot commented Oct 28, 2026 •

edited

Loading

tdesign-bot commented Oct 28, 2026 •

edited

Loading

pkg-pr-new Bot commented Oct 29, 2026 •

edited

Loading

github-actions Bot commented Oct 29, 2026 •

edited

Loading