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