SuperAPI AI 工具集

new-component

编程与开发

查看项目

更新于 10-16 00:01

技能介绍

用途:在 GPUI 代码库中创建新组件时提供实现规范,适用于构建 UI 元素或新增组件实现。

主要能力与约定:要求基于 crates/ui/src 中已有组件(如 Button、Select、Dialog)的既有模式实现,保持样式与 Shadcn UI 模式一致,并沿用与其他元素相同的 API 风格。组件类型分为无状态(纯展示,如 Button)、有状态(自管理状态与数据,如 Select 与 SelectState)和组合型(基于已有组件构建,如基于 Dialog 的 AlertDialog)。

实现步骤:在 crates/ui/src/ 新建组件文件;在 crates/ui/src/lib.rs 注册模块(如 pub mod alert_dialog;);如需对话框类组件,在 window_ext.rs 扩展 WindowExt;在 crates/story/src/stories/ 编写 Story;在 stories/mod.rs 导出,并在 crates/story/src/main.rs 的 stories 列表中加入 StoryContainer::panel。

常见模式:使用 builder 模式配置;支持尺寸变体时实现 Sizable trait(xs、sm、md、lg);用枚举表示视觉变体;单容器组件实现 Styled,通过 StyleRefinement 字段与 refine_style() 合并用户样式,且 .refine_style() 应放在默认样式之后、.children() 之前;可能多次调用的回调使用 Rc<dyn Fn>。

限制:资料未提供该技能的安装命令、收费方式、支持平台与效果数据,暂未提供。