README

PHP ^8.0, Laravel ^9.0|^10.0

关于

使用 Laravel Blade 组件，您可以使用该包的组件为 Blade 模板创建表单。

安装

composer require dw-apps/laravel-blade

组件

所有组件支持 Laravel 会话和标准 HTML 属性。如果未设置控制 id 属性，其值将与 name 属性相等。

所有控件都有属性

uniq-id - bool = false (生成带前缀 'control-' 的唯一 ID)
valid-class - bool = 'is-valid'
invalid-class - bool = 'is-invalid'

表单

<x-form method="put">

自动设置方法和 csrf。支持所有方法。

输入

<x-input name="control" list="datalist" uniq-id/>

数据列表

<x-datalist id="datalist" :source="$datalist"/>

属性

source - array (plain / associative)

错误

<x-error name="control"/>

属性

name - string 必需
dot-name - bool = false

检查

<x-check/>

单选按钮

<x-radio/>

选择控件具有属性 placeholder / placeholder-disabled（空选项），它接受字符串类型参数。

<x-select placeholder="Select a value"/>
<x-select placeholder-disabled="Select a value"/>

选择

<x-select name="select" :source="$datalist"/>
<x-select name="select[]" :source="$datalist" multiple/>

属性

source - array (plain / associative)

支持组

$datalist = [
    'Group label' => [
        'value-1' => 'Label 1',
        ...
    ]
];

选择日期

<x-select-day/>

包含一周中天数的本地化名称列表，值的范围是 0...6。

选择月份

<x-select-month/>

包含本地化月份名称列表，值的范围是 1...12。

选择范围

<x-select-range start="a" end="z"/>

属性

start - string | int | float = 0
end - string | int | float = 0
step - int | float = 1

查看：https://php.ac.cn/manual/en/function.range.php

选择时区

<x-select-timezone/>

包含时区名称列表。

选择 UTC

<x-select-utc/>

包含 UTC 区域名称列表，键/值对为：'-12:00' => 'UTC−12:00' 等。

文本区域

<x-textarea/>

dw-apps / laravel-blade

维护者

详情