SuperAPI AI 工具集

filament-dashboard

通用与其它

查看项目

更新于 10-16 01:33

技能介绍

用途:该技能用于生成 FilamentPHP v4 的仪表盘页面,遵循统一模式:页面类继承 Filament\Pages\Page,支持单标签(不显示标签导航)或多标签布局,可包含可选的颜色编码消息提示,并通过标准 Filament 小部件组件渲染小部件,标签使用 Livewire 响应式状态 $activeTab。

主要能力:生成完整的 PHP 页面类与 Blade 视图;多标签页面提供 getTabs() 返回标签数组、getActiveTabData() 返回当前标签数据;每个标签可配置 key、title、icon、message、messageColor 与 widgets;消息颜色支持 blue、green、purple、orange、indigo、gray;小部件以 ::class 字符串引用;Blade 中使用 <x-filament-widgets::widgets :widgets="$activeTabData['widgets']" /> 渲染;当 activeTab 无效时回退到第一个标签。

使用方式:生成前需收集或采用默认值,包括页面类名(PascalCase)、面板名、视图 slug(kebab-case)、导航标签、导航分组、导航图标(Heroicon 名称)、导航排序、模式(single 或 multi)、标签定义数组与默认标签 key。工作流为解析需求、生成 PHP 类、生成 Blade 视图、校验输出($view 与 Blade 路径匹配、activeTab 存在于 getTabs()、每个标签含 key 与 title、小部件为有效类字符串、Blade 对无效 activeTab 有回退、message 仅在可信 HTML 时使用 {!! !!})。

适用场景:为 FilamentPHP v4 后台快速搭建分析、报表等仪表盘页面,需要多标签切换或单页小部件展示时。

限制:message 使用 {!! !!} 渲染,仅应使用可信 HTML;标签 key 建议统一使用 snake_case 或 kebab-case;$activeTab 必须匹配 getTabs() 中的 key;导航图标使用 Heroicon 名称。资料未提供安装命令、收费与价格信息。