mirror of
https://github.com/crmeb/CRMEB.git
synced 2026-03-22 21:42:34 +00:00
131 lines
3.6 KiB
PHP
131 lines
3.6 KiB
PHP
<?php
|
||
/**
|
||
* FormBuilder表单生成器
|
||
* Author: xaboy
|
||
* Github: https://github.com/xaboy/form-builder
|
||
*/
|
||
|
||
namespace FormBuilder\components;
|
||
|
||
|
||
use FormBuilder\FormComponentDriver;
|
||
use FormBuilder\Helper;
|
||
|
||
/**
|
||
* 时间选择器组件
|
||
* Class TimePicker
|
||
* @package FormBuilder\components
|
||
* @method $this type(String $type) 显示类型，可选值为 time、timerange
|
||
* @method $this format(String $format) 展示的时间格式, 默认为HH:mm:ss
|
||
* @method $this placement(String $placement) 时间选择器出现的位置，可选值为top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end, 默认为bottom-start
|
||
* @method $this placeholder(String $placeholder) 占位文本
|
||
* @method $this confirm(Boolean $bool) 是否显示底部控制栏, 默认为false
|
||
* @method $this size(String $size) 尺寸，可选值为large、small、default或者不设置
|
||
* @method $this disabled(Boolean $bool) 是否禁用选择器
|
||
* @method $this clearable(Boolean $bool) 是否显示清除按钮
|
||
* @method $this readonly(Boolean $bool) 完全只读，开启后不会弹出选择器，只在没有设置 open 属性下生效
|
||
* @method $this editable(Boolean $bool) 文本框是否可以输入, 默认为false
|
||
* @method $this transfer(Boolean $bool) 是否将弹层放置于 body 内，在 Tabs、带有 fixed 的 Table 列内使用时，建议添加此属性，它将不受父级样式影响，从而达到更好的效果, 默认为false
|
||
*
|
||
*/
|
||
class TimePicker extends FormComponentDriver
|
||
{
|
||
/**
|
||
* @var string
|
||
*/
|
||
protected $name = 'timePicker';
|
||
|
||
/**
|
||
*
|
||
*/
|
||
const TYPE_TIME = 'time';
|
||
/**
|
||
*
|
||
*/
|
||
const TYPE_TIME_RANGE = 'timerange';
|
||
|
||
/**
|
||
* @var array
|
||
*/
|
||
protected $props = [
|
||
'type' => self::TYPE_TIME,
|
||
'editable' => false,
|
||
'confirm' => true
|
||
];
|
||
|
||
/**
|
||
* @var array
|
||
*/
|
||
protected static $propsRule = [
|
||
'type' => 'string',
|
||
'format' => 'string',
|
||
'placement' => 'string',
|
||
'placeholder' => 'string',
|
||
'size' => 'string',
|
||
'confirm' => 'boolean',
|
||
'disabled' => 'boolean',
|
||
'clearable' => 'boolean',
|
||
'readonly' => 'boolean',
|
||
'editable' => 'boolean',
|
||
'transfer' => 'boolean',
|
||
];
|
||
|
||
/**
|
||
*
|
||
*/
|
||
protected function init()
|
||
{
|
||
$this->placeholder('请选择' . $this->title);
|
||
}
|
||
|
||
/**
|
||
* 下拉列表的时间间隔，数组的三项分别对应小时、分钟、秒。
|
||
* 例如设置为 [1, 15] 时，分钟会显示：00、15、30、45。
|
||
* @param $h
|
||
* @param int $i
|
||
* @param int $s
|
||
* @return $this
|
||
*/
|
||
public function steps($h, $i = 0, $s = 0)
|
||
{
|
||
$this->props['steps'] = [$h, $i, $s];
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* @param $value
|
||
* @return $this
|
||
*/
|
||
public function value($value)
|
||
{
|
||
if (is_array($value)) {
|
||
foreach ($value as $k => $v) {
|
||
$value[$k] = Helper::getDate($v);
|
||
}
|
||
} else {
|
||
$value = Helper::getDate($value);
|
||
}
|
||
$this->value = $value;
|
||
return $this;
|
||
}
|
||
|
||
/**
|
||
* @return array
|
||
*/
|
||
public function build()
|
||
{
|
||
$value = $this->value;
|
||
if (is_array($value) && count(array_filter($value)) == 0)
|
||
$value = ['', ''];
|
||
return [
|
||
'type' => $this->name,
|
||
'field' => $this->field,
|
||
'title' => $this->title,
|
||
'value' => $value,
|
||
'props' => (object)$this->props,
|
||
'validate' => $this->validate,
|
||
'col' => $this->col
|
||
];
|
||
}
|
||
|
||
} |