2.0 KiB
2.0 KiB
组件总览
共 15 个组件，分为布局、编辑器、交互与 AI 对话四类。
布局组件
| 组件 | 说明 |
|---|---|
| RootLayout | 移动端页面骨架，主体内容之外自动渲染版权与备案信息。 |
| Space | 控制子元素之间的间距与排列方向，支持分隔符。 |
编辑器组件
| 组件 | 说明 |
|---|---|
| CodeEditor | 带行号、语法高亮与查找替换的代码输入框。 |
| TiptapEditor | 基于 Tiptap 的富文本编辑器，工具栏覆盖媒体、表格、链接与代码块。 |
| TiptapView | Tiptap 内容的只读渲染视图，与编辑器共用同一套样式。 |
| ArticleEditor | 以 Article 为数据模型，按正文类型切换纯文本、Markdown 与富文本编辑。 |
| ArticleView | 按 Article 的正文类型渲染正文与附件列表。 |
| NotifyEditor | 以 NotifyDetail 为数据模型的通知编辑表单，复用文章编辑器能力。 |
| NotifyView | 渲染通知的正文内容。 |
交互组件
| 组件 | 说明 |
|---|---|
| BottomPopup | 从底部升起的操作面板，可带标题与左右按钮。 |
| DurationPicker | 按时长值选择并回填，单位与候选项由组件内部推导。 |
AI 对话组件
| 组件 | 说明 |
|---|---|
| AiChatPanel | 把消息列表与输入框组装成完整对话界面，由业务侧驱动数据。 |
| AiChatMessageList | 渲染对话消息，含思考过程、引用与流式光标。 |
| AiChatComposer | 对话输入框，按状态在发送、停止与重试之间切换。 |
| AiChatThinking | 折叠展示模型的思考分段，生成中自动展开。 |