chrisreedio / filament-breakpoint-badge

在 Filament 头部显示当前的 Tailwind 断点

v3.0.1 2024-05-15 20:54 UTC

This package is auto-updated.

Last update: 2024-09-08 14:15:52 UTC


README

Latest Version on Packagist GitHub Code Style Action Status Total Downloads

断点徽章是 FilamentPHP 的一个轻量级扩展,它会在头部添加实时断点徽章,简化调试过程。

安装

您可以通过 composer 安装此包

composer require chrisreedio/filament-breakpoint-badge

用法

要使用此插件,请在您的面板配置中注册它

use ChrisReedIO\BreakpointBadge\BreakpointBadgePlugin;

$panel
    ->plugins([
        BreakpointBadgePlugin::make(),
    ]);

可见性

默认情况下,插件会在所有非生产环境中显示断点徽章。您可以进一步自定义是否显示徽章。

use ChrisReedIO\BreakpointBadge\BreakpointBadgePlugin;

$panel->plugins([
    BreakpointBadgePlugin::make()
        ->visible(fn () => auth()->user()?->can('see_breakpoints'))
]);

颜色

如果您想使用自己的颜色或需要添加更多颜色,您可以覆盖默认颜色。->color()方法接受任何 Filament 的颜色对象或返回颜色对象的闭包。

use pxlrbt\FilamentEnvironmentBadge\EnvironmentBadgePlugin;
use Filament\Support\Colors\Color;

$panel->plugins([
    BreakpointBadgePlugin::make()
        ->color(fn () => match (app()->environment()) {
            'production' => null,
            'staging' => Color::Orange,
            default => Color::Blue,
        })
]);

变更日志

请参阅CHANGELOG了解最近更改的详细信息。

贡献

请参阅CONTRIBUTING以获取详细信息。

安全漏洞

请查看我们的安全策略了解如何报告安全漏洞。

致谢

特别感谢Adam Weston在编写插件方面的帮助。

还要感谢Dennis Koch的灵感和关于生成截图的建议。查看他的Filament Environment Indicator插件,这是基于此的!

许可证

MIT 许可证 (MIT)。有关更多信息,请参阅许可证文件