README

用于丝材形状的常规选择器。

安装

您可以通过 composer 安装此包

composer require icetalker/filament-picker

可选，您可以使用以下方式发布视图

php artisan vendor:publish --tag="filament-picker-view"

使用方法

public function form(Form $form): Form
{
    return $form
        ->schema([

            Picker::make('transport')
                ->label('Transport')
                ->options([
                    'ship' => 'By Sea',
                    'airplane' => 'By Air',
                    'truck' => 'By Truck',
                ])
                ->icons([
                    'ship' => 'heroicon-o-home',
                    'airplane' => 'heroicon-o-paper-airplane',
                    'truck' => 'heroicon-o-truck',
                ])
                ->imageSize(100)
                ->images([
                    'ship' => 'https://source.unsplash.com/random/100x100/?ship',
                    'airplane' => 'https://source.unsplash.com/random/100x100/?airplane',
                    'truck' => 'https://source.unsplash.com/random/100x100?truck',
                ])
                ->default('ship'),
        ]);
}

定义选项

要定义选项，您可以使用 options() 方法并传递一个键值对数组。键将是选项的值，值将是显示的标签。

Picker::make('transport')
    ->options([
        'ship' => 'By Sea',
        'airplane' => 'By Air',
        'truck' => 'By Truck',
    ]);

添加图标

要添加图标，您可以使用 icons() 方法并传递一个键值对数组。键将是选项的值，值将是显示的图标。

Picker::make('transport')
    ->label('Transport')
    ->options([
        'ship' => 'By Sea',
        'airplane' => 'By Air',
        'truck' => 'By Truck',
    ])
    ->icons([
        'ship' => 'heroicon-o-home',
        'airplane' => 'heroicon-o-paper-airplane',
        'truck' => 'heroicon-o-truck',
    ])

添加图片

要添加图片，您可以使用 images() 方法并传递一个键值对数组。键将是选项的值，值将是显示的图片 URL。

Picker::make('transport')
    ->label('Transport')
    ->options([
        'ship' => 'By Sea',
        'airplane' => 'By Air',
        'truck' => 'By Truck',
    ])
    ->images([
        'ship' => 'https://source.unsplash.com/random/100x100/?ship',
        'airplane' => 'https://source.unsplash.com/random/100x100/?airplane',
        'truck' => 'https://source.unsplash.com/random/100x100?truck',
    ]);

图片默认大小为 50x50，您可以通过使用 imageSize() 方法并传递像素值来自定义图片大小。

默认值

要设置默认值，您可以使用 default() 方法并传递选项的值

Picker::make('transport')
    ->label('Transport')
    ->options([
        'ship' => 'By Sea',
        'airplane' => 'By Air',
        'truck' => 'By Truck',
    ])
    ->default('ship');

待办事项

添加关系支持
添加验证

变更日志

请查看 CHANGELOG 以获取最近更改的更多信息。

贡献

请查看 CONTRIBUTING 以获取详细信息。

安全漏洞

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

鸣谢

许可证

MIT 许可证 (MIT)。请查看许可证文件以获取更多信息。

icetalker / filament-picker

维护者

详细信息