SuperAPI AI 工具集

gpui-component

通用与其它

查看项目

更新于 10-16 03:14

技能介绍

用途:gpui-component 是面向 GPUI 应用的组件库实践指南,用于构建可复用的 UI 组件,如按钮、输入框、对话框、表单等,并遵循 Longbridge 组件模式。

主要能力:按优先级分为六类规则。组件架构(comp-)为关键级,包括用 RenderOnce 配合 #[derive(IntoElement)]、标准组件结构模板、流式 builder 模式、Entity + RenderOnce 实现有状态组件、用 Rc 处理事件回调。Trait 系统(trait-)为关键级,包括实现 Styled 定制样式、Disableable 禁用态、Selectable 选中态、Sizable 尺寸、ParentElement 子元素、InteractiveElement 事件。主题系统(theme-)为高优先级,包括用 ThemeColor 统一颜色、ActiveTheme 访问主题、变体枚举(如 ButtonVariant)、StyleSized 按尺寸样式。对话框与弹出层(dialog-)为高优先级,包括用 Root 作为窗口根、WindowExt 管理对话框、confirm/alert 对话框、带输入状态的表单对话框,以及 Popover、PopupMenu、Sheet 的选择。表单组件(form-)为中优先级,包括基于 Entity 的输入状态、keyed state 焦点管理、输入校验。动画(anim-)为中优先级,包括 with_animation 过渡、use_keyed_state 持久化动画状态、cubic_bezier 缓动。

使用方式:按需阅读各规则文件,如 rules/comp-renderonce.md、rules/trait-styled.md、rules/dialog-root.md,每个文件包含原因说明、正确代码示例和常见错误。组件结构模板包含标识符、基础元素、样式覆盖、内容、状态配置和回调等字段。

适用场景:创建可复用组件、实现主题感知样式、构建对话框/弹出层/抽屉、创建表单组件、实现组件动画。

限制:资料未提供安装命令、依赖版本、平台支持、收费或价格信息,暂未提供。