UI 组件类型 · 复合组件 / Result Panel
Result Panel
在操作或查询完成后集中呈现结果、解释和后续动作。
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 反馈与系统状态
What · 是什么
- 定义
- 在操作或查询完成后集中呈现结果、解释和后续动作。
- 组成与状态
- 容器 + 子组件/部件 + 状态协调 + 操作反馈 + 错误/空状态(按需)
Why · 为什么
- 作用
- 组织子组件、管理局部状态和交互顺序,并保持组合后的语义与可访问性。
Where · 在哪里
- 适用场景
- 可访问性与性能、Default、Focused、Disabled、Loading
How · 怎么做
- 检查清单
- 是否有清晰的阅读顺序、焦点顺序和退化方案;子组件状态是否一致;长内容、错误、加载和空状态是否可用。
Lifecycle · 生命周期
- 状态
- 启用
Relation · 关联
- 相关内容
- 可访问性与性能
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- AI Prompt / ResponseAI Prompt / Response反向 · 应用于
让用户提交自然语言任务并理解生成结果、来源、限制和继续操作。
- API / Code ExampleAPI / Code Example反向 · 应用于
用请求、参数、代码和结果说明 API 或技术能力如何被正确使用。
- Data Freshness / Last UpdatedData Freshness / Last Updated反向 · 应用于
表达数据更新时间、来源、有效期和刷新动作,避免用户误读过期内容。
- Form Success / Next StepsForm Success / Next Steps反向 · 应用于
在表单或任务提交后确认结果、解释后续处理并提供下一步入口。
- Interactive CalculatorInteractive Calculator反向 · 应用于
让用户输入假设并即时获得可解释的估算、比较或结果。
- Maintenance / Status PageMaintenance / Status Page反向 · 应用于
说明服务状态、维护时间、影响范围、进展和恢复后的验证方式。
- Product ConfiguratorProduct Configurator反向 · 应用于
按选项、约束和价格反馈组合或定制一个产品、方案或服务。
- Progress / Empty / ErrorProgress / Empty / Error反向 · 应用于
在内容、任务或数据暂不可用时解释发生了什么,并提供等待、恢复或替代路径。
- Survey / FeedbackSurvey / Feedback反向 · 应用于
以问卷、评分或开放反馈收集用户意见,并说明提交后的处理方式。
- Tool ResultTool Result反向 · 应用于
呈现工具计算、转换、生成或分析后的结果、解释和下一步动作。
- 可访问性与性能Accessibility & Performance应用于
将语义、键盘、对比度、响应速度和稳定性纳入 Web UI 基础。
- 反馈与系统状态Feedback & System Status属于
向用户传达成功、错误、警告、加载、进度和结果状态的组件。
- ActionAction反向 · 属于
承载解决问题或继续任务的操作
- MessageMessage反向 · 属于
提供可理解上下文的消息正文
- TitleTitle反向 · 属于
概括提示原因或结论的标题
- DefaultDefault应用于
默认状态,组件可被使用但没有额外交互反馈。
- DisabledDisabled应用于
组件暂时不可操作的状态。
- FocusedFocused应用于
键盘或其他输入方式当前定位到组件的状态。
- LoadingLoading应用于
组件正在等待异步结果的状态。