timi-tdesign-mobile/docs/components/index.md

组件总览

共 16 个组件，分为布局、编辑器、交互与 AI 对话四类。

布局组件

组件	说明
PageTransition	为 Vue Router 页面提供可配置的层级滑动过渡与按路由缓存能力。
RootLayout	移动端页面骨架，主体内容之外自动渲染版权与备案信息。
Space	控制子元素之间的间距与排列方向，支持分隔符。

编辑器组件

组件	说明
CodeEditor	带行号、语法高亮与查找替换的代码输入框。
TiptapEditor	基于 Tiptap 的富文本编辑器，工具栏覆盖媒体、表格、链接与代码块。
TiptapView	Tiptap 内容的只读渲染视图，与编辑器共用同一套样式。
ArticleEditor	以 Article 为数据模型，按正文类型切换纯文本、Markdown 与富文本编辑。
ArticleView	按 Article 的正文类型渲染正文与附件列表。
NotifyEditor	以 NotifyDetail 为数据模型的通知编辑表单，复用文章编辑器能力。
NotifyView	渲染通知的正文内容。

交互组件

组件	说明
BottomPopup	从底部升起的操作面板，可带标题与左右按钮。
DurationPicker	按时长值选择并回填，单位与候选项由组件内部推导。

AI 对话组件

组件	说明
AiChatPanel	把消息列表与输入框组装成完整对话界面，由业务侧驱动数据。
AiChatMessageList	渲染对话消息，含思考过程、引用与流式光标。
AiChatComposer	对话输入框，按状态在发送、停止与重试之间切换。
AiChatThinking	折叠展示模型的思考分段，生成中自动展开。