SuperAPI AI 工具集

soybean-headless

前端与建站

查看项目

更新于 10-16 02:29

技能介绍

用途:当用户希望使用 SoybeanUI 的逻辑与可访问性、但不需要默认样式层时,可加载此技能,指导在 Vue 3 应用中使用 @soybeanjs/headless。

主要能力:提供两类组件形态。基础原语为细粒度部件,如 DialogRoot、DialogTrigger、DialogContent;Compact 组件为数据驱动的聚合组件,如 AccordionCompact、TableCompact。支持子路径导出,包括 @soybeanjs/headless/composables、shared、date、locale、types、namespaced。多插槽封装可通过 provide{Name}Ui(ui) 注入类名。无样式导出不附带 CSS,样式需自行提供。

使用方式:先加载 REFERENCE.md 了解安装、子路径导出、locale 支持与样式边界;涉及组合模式、provide{Name}Ui 或自定义样式时加载 references/composition.md;浏览组件族时加载 references/components.md,再按需加载该索引链接的具体共享组件参考文件。基础原语用法示例:从 @soybeanjs/headless 导入 AccordionRoot、AccordionItem、AccordionTrigger、AccordionContent 并在模板中组合。Compact 用法示例:导入 AccordionCompact,传入 items 数组(含 value、title、description)。

适用场景:需要无默认样式、强调可访问性的 Vue 3 组件逻辑;需要自定义样式封装;需要按组件族查阅 API。限制:headless 导出不含 CSS;共享组件参考文件位于 soybean-ui 技能下;如需开箱即用的带样式组件,应改用 soybean-ui 技能。安装命令、具体 API 摘要与其它细节暂未提供。