tocaan/sewidan-field

该软件包的最新版本(dev-master)没有可用的许可证信息。

此软件包有助于使表单字段更容易使用

安装: 41

依赖项: 0

建议者: 0

安全性: 0

星标: 1

关注者: 0

分支: 3

语言:JavaScript

dev-master 2022-04-06 11:50 UTC

This package is auto-updated.

Last update: 2024-09-26 14:58:39 UTC


README

安装

您可以通过 composer 安装该软件包

composer require tocaan/sewidan-field

发布配置文件

php artisan vendor:publish --provider="SewidanField\SewidanFieldServiceProvider"

用法

您可以使用任何类型创建字段

    /**
     * @param $name is a field name 
     * @param $label 
     * @param null $value
     * @param array $field_attributes
     * @return string
     */
    field()->text('name','label','value',[]);
输出
   <div class="form-group " id="{{$name}}_wrap">
           
       <label for="{{$name}}" class="col-md-2" style=""> {{$label}} </label>

       <div class="col-md-9" style="">
   
            <input placeholder="{{$label}}" value="{{$value}}" class="form-control" data-name="{{$name}}" id="{{$name}}" name="{{$name}}" type="text">

            <span class="help-block" style=""></span>
       
       </div>

   </div>

参数

字段是使用 laravel collective 创建的

     $name  // is a field name (string | required)
     
     $label // is a label name (string | required)
     
     $value // is a value of input (string | the default value is null)
      you can use it with laravel collective form model 
      Form::model($model,[attributes])
     
     $field_attributes // is input attributes like class , style 
     //it take some default values like class : form-control and you can override
     // there values like ['class' => 'your-class' , 'style' => 'color:red']
     // (array | not required)
     // default : 
      [
          "placeholder" => $label,
          "class" => "form-control",
          "data-name" => $name,
          "id" => $name
      ]
     

配置文件

在您发布提供者的地方,您将找到 config/field.php 文件,您可以通过创建和切换主题来控制 HTML 响应的内容

主题映射键

   {{-- container --}} <div class="form-group " id="{{$name}}_wrap">
   {{-- label --}}         <label for="{{$name}}" class="col-md-2" style=""> {{$label}} </label>
   {{-- field_div --}}     <div class="col-md-9" style="">   
                                  <input placeholder="{{$label}}" value="{{$value}}" class="form-control" data-name="{{$name}}" id="{{$name}}" name="{{$name}}" type="text">
   {{-- field_error --}}          <span class="help-block" style=""></span>
                           </div>
                       </div>

config/field.php 中控制主题

    'default_theme' => env('FIELD_DEFAULT_THEME','default'),
    
        'themes' => [
    
            'default' => [
    
                'container' => [
                    'active' => true,
                    'class' => 'form-group'
                ],
    
                'label' => [
                    'active' => true,
                    'options' => [
                        'class' => 'col-md-2',
                        'style' => ''
                    ],
                ],
    
                'field_div' => [
                    'active' => true,
                    'options' => [
                        'class' => 'col-md-9',
                        'style' => ''
                    ],
                ],
    
                'field_error' => [
                    'active' => true,
                    'options' => [
                        'class' => 'help-block',
                        'style' => ''
                    ],
                ],
            ],
        ],

您可以通过在 .env 文件中将键 FIELD_DEFAULT_THEME 设置为您默认的主题名称,或在 config/field.php 中更改它 'default_theme' => env('FIELD_DEFAULT_THEME','your default theme name') 来更改默认主题

创建字段时切换主题

您可以将主题名称轻松地放入字段函数

    field('theme_name')->text('name','label','value',[]);

如果您在未输入主题名称的情况下使用字段,则自动使用默认主题

    field()->text('name','label','value',[]); // take default theme in config file