143 lines
3.7 KiB
PHP
143 lines
3.7 KiB
PHP
<?php
|
||
/**
|
||
* FormBuilder表单生成器
|
||
* Author: xaboy
|
||
* Github: https://github.com/xaboy/form-builder
|
||
*/
|
||
|
||
namespace FormBuilder\components;
|
||
|
||
|
||
use FormBuilder\FormComponentDriver;
|
||
use FormBuilder\Helper;
|
||
|
||
/**
|
||
* Input组件,支持类型text、password、textarea、url、email、date
|
||
* Class Input
|
||
*
|
||
* @package FormBuilder\components
|
||
* @method $this type(String $type) 输入框类型，可选值为 text、password、textarea、url、email、date;
|
||
* @method $this size(String $size) 输入框尺寸，可选值为large、small、default或者不设置;
|
||
* @method $this placeholder(String $placeholder) 占位文本
|
||
* @method $this clearable(Boolean $bool) 是否显示清空按钮, 默认为false
|
||
* @method $this disabled(Boolean $bool) 设置输入框为禁用状态, 默认为false
|
||
* @method $this readonly(Boolean $bool) 设置输入框为只读, 默认为false
|
||
* @method $this maxlength(int $length) 最大输入长度
|
||
* @method $this icon(String $icon) 输入框尾部图标，仅在 text 类型下有效
|
||
* @method $this rows(int $rows) 文本域默认行数，仅在 textarea 类型下有效, 默认为2
|
||
* @method $this number(Boolean $bool) 将用户的输入转换为 Number 类型, 默认为false
|
||
* @method $this autofocus(Boolean $bool) 自动获取焦点, 默认为false
|
||
* @method $this autocomplete(Boolean $bool) 原生的自动完成功能, 默认为false
|
||
* @method $this spellcheck(Boolean $bool) 原生的 spellcheck 属性, 默认为false
|
||
* @method $this wrap(String $warp) 原生的 wrap 属性，可选值为 hard 和 soft, 默认为soft
|
||
*/
|
||
class Input extends FormComponentDriver
|
||
{
|
||
/**
|
||
* @var string
|
||
*/
|
||
protected $name = 'input';
|
||
|
||
/**
|
||
* 组件类型
|
||
*/
|
||
const TYPE_TEXT = 'text';
|
||
/**
|
||
*
|
||
*/
|
||
const TYPE_PASSWORD = 'password';
|
||
/**
|
||
*
|
||
*/
|
||
const TYPE_TEXTAREA = 'textarea';
|
||
/**
|
||
*
|
||
*/
|
||
const TYPE_URL = 'url';
|
||
/**
|
||
*
|
||
*/
|
||
const TYPE_EMAIL = 'email';
|
||
/**
|
||
*
|
||
*/
|
||
const TYPE_DATE = 'date';
|
||
|
||
/**
|
||
* @var array
|
||
*/
|
||
protected $props = [
|
||
'type' => self::TYPE_TEXT
|
||
];
|
||
|
||
/**
|
||
* @var array
|
||
*/
|
||
protected static $propsRule = [
|
||
'type' => 'string',
|
||
'size' => 'string',
|
||
'placeholder' => 'string',
|
||
'clearable' => 'boolean',
|
||
'disabled' => 'boolean',
|
||
'readonly' => 'boolean',
|
||
'maxlength' => 'int',
|
||
'icon' => 'string',
|
||
'rows' => 'int',
|
||
'number' => 'boolean',
|
||
'autofocus' => 'boolean',
|
||
'autocomplete' => 'boolean',
|
||
'spellcheck' => 'boolean',
|
||
'wrap' => 'string',
|
||
];
|
||
|
||
/**
|
||
*
|
||
*/
|
||
protected function init()
|
||
{
|
||
$this->placeholder($this->getPlaceHolder());
|
||
}
|
||
|
||
protected function getPlaceHolder($pre = '请输入')
|
||
{
|
||
return parent::getPlaceHolder($pre);
|
||
}
|
||
|
||
public function getValidateHandler()
|
||
{
|
||
return Validate::str(Validate::TRIGGER_BLUR);
|
||
}
|
||
|
||
|
||
/**
|
||
* 自适应内容高度，仅在 textarea 类型下有效
|
||
*
|
||
* @param Bool|Number $minRows
|
||
* @param null|Number $maxRows
|
||
* @return $this
|
||
*/
|
||
public function autoSize($minRows = false, $maxRows = null)
|
||
{
|
||
|
||
$this->props['autosize'] = $maxRows === null ? boolval($minRows) : compact('minRows', 'maxRows');
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* 生成表单规则
|
||
*
|
||
* @return array
|
||
*/
|
||
public function build()
|
||
{
|
||
return [
|
||
'type' => $this->name,
|
||
'field' => $this->field,
|
||
'title' => $this->title,
|
||
'value' => $this->value,
|
||
'props' => (object)$this->props,
|
||
'validate' => $this->validate,
|
||
'col' => $this->col
|
||
];
|
||
}
|
||
} |