README

安装

您可以通过composer安装此包。

composer require yepsua/filament-range-field

发布资产

php artisan filament:assets

您必须在控制台中看到类似的内容

php artisan filament:assets

...
public/css/yepsua/filament-range-field/range-input-component.css 
...

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

php artisan vendor:publish --tag="filament-range-field-views"

基本用法

默认情况下，范围用于从0到100获取值。

use Yepsua\Filament\Forms\Components\RangeSlider

...
    protected function getFormSchema(): array
    {
        return [
            ...
            RangeSlider::make('range')
            ...
        ];
    }
...

定义步长

use Yepsua\Filament\Forms\Components\RangeSlider

...
    protected function getFormSchema(): array
    {
        return [
            ...
            RangeSlider::make('range')->steps([
                'A', // should get value: 1 for the A
                'B', // should get value: 2 for the B
                'C', // should get value: 3 for the C
                'D'  // should get value: 4 for the D
            ])
            ...
        ];
    }
...

关联数组

use Yepsua\Filament\Forms\Components\RangeSlider

...
    protected function getFormSchema(): array
    {
        return [
            ...
            RangeSlider::make('range')->steps([
                '25'  => 'A', // should get value: 25  for the A
                '50'  => 'B', // should get value: 50  for the B
                '75'  => 'C', // should get value: 75  for the C
                '100' => 'D'  // should get value: 100 for the D
            ])
            ...
        ];
    }
...

隐藏步长列表

use Yepsua\Filament\Forms\Components\RangeSlider

...
    protected function getFormSchema(): array
    {
        return [
            ...
            RangeSlider::make('range')->steps([
                'A',
                'B',
                'C',
                'D'
            ])->displaySteps(false)
            ...
        ];
    }
...

📕 注意：步长值由步长数组的第一个元素定义，例如：[25, 50, 75, 100]，步长值应该是25。但是，如果您需要定义其他步长值，可以使用setter step。

    RangeSlider::make('range')->steps([
        0 => '0',
        25 => '25',
        50 => '50',
        75 => '75',
        100 => '100'
    ])->step(25)
    ...

对于min和max setter同样适用。

    RangeSlider::make('range')->min(25)->max(75)->step(5)

测试

composer test

变更日志

请参阅变更日志以获取有关最近更改的更多信息。

贡献

请参阅贡献指南以获取详细信息。

安全漏洞

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

鸣谢

许可

MIT许可（MIT）。请参阅许可文件以获取更多信息。

yepsua / filament-range-field

维护者

详细信息