内置组件

多级联动组件

$cascader = Elm::cascader('field', 'title');
//省市二级联动
$city = Elm::city('field', 'title');
//省市区三级联动
$cityArea = Elm::cityArea('field', 'title');

组件方法

 * @method $this type(string $type) 数据类型, 支持 city_area(省市区三级联动), city (省市二级联动), other (自定义)
 * @method $this props(array $props) 配置选项
 * @method $this size(string $size) 尺寸, 可选值: medium / small / mini
 * @method $this placeholder(string $placeholder) 输入框占位文本, 默认值: 请选择
 * @method $this disabled(bool $disabled) 是否禁用, 默认值: false
 * @method $this clearable(bool $clearable) 是否支持清空选项, 默认值: false
 * @method $this showAllLevels(bool $showAllLevels) 输入框中是否显示选中值的完整路径, 默认值: true
 * @method $this collapseTags(bool $collapseTags) 多选模式下是否折叠Tag, 默认值: false
 * @method $this separator(string $separator) 选项分隔符, 默认值: 斜杠' / '
 * @method $this filterable(bool $filterable) 是否可搜索选项
 * @method $this debounce(float $debounce) 搜索关键词输入的去抖延迟，毫秒, 默认值: 300
 * @method $this popperClass(string $popperClass) 自定义浮层类名
 * @method $this options($options) 可选项的数据源
 * @method $this jsOptions($var) 可选项的数据源,js变量

多选框组件

$checkbox = Elm::checkbox('field', 'title');
$checkbox->options(function(){
    $options = []
    foreach(['好用', '高效'] as $k=>$v){
        $options[] = Elm::option($k, $v);
    }
    //等同于 [['value'=>0,'label'=>'好用'],['value'=>1,'label'=>'高效']]
    return $options;
});

组件方法

 * @method $this size(string $size) 多选框组尺寸，仅对按钮形式的 Checkbox 或带有边框的 Checkbox 有效, 可选值: medium / small / mini
 * @method $this disabled(bool $disabled) 是否禁用, 默认值: false
 * @method $this min(float $min) 可被勾选的 checkbox 的最小数量
 * @method $this max(float $max) 可被勾选的 checkbox 的最大数量
 * @method $this textColor(string $textColor) 按钮形式的 Checkbox 激活时的文本颜色, 默认值: #ffffff
 * @method $this fill(string $fill) 按钮形式的 Checkbox 激活时的填充色和边框色, 默认值: #409EFF
 * @method $this checked(bool $checked) 当前是否勾选(只有在checkbox-button时有效), 默认值: false

颜色选择器

$color = Elm::color('field', 'title', '#FF7271');

组件方法

 * @method $this disabled(bool $disabled) 是否禁用, 默认值: false
 * @method $this size(string $size) 尺寸, 默认值: medium / small / mini
 * @method $this showAlpha(bool $showAlpha) 是否支持透明度选择, 默认值: false
 * @method $this colorFormat(string $colorFormat) 的格式, 可选值: hsl / hsv / hex / rgb, 默认值: hex（show-alpha 为 false）/ rgb（show-alpha 为 true）
 * @method $this popperClass(string $popperClass) ColorPicker 下拉框的类名
 * @method $this predefine(array $predefine) 预定义颜色

日期组件

$datePicker = Elm::datePicker('field', 'title');
//单选日期
$date = Elm::date('field', 'title');
//多选日期
$dates = Elm::dates('field', 'title');
//日期区间选择
$dateRange = Elm::dateRange('field', 'title');
//单选日期时间
$dateTime = Elm::dateTime('field', 'title');
//日期时间区间选择
$dateTimeRange = Elm::dateTimeRange('field', 'title');
//选择年
$year = Elm::year('field', 'title');
//选择月
$month = Elm::month('field', 'title');
//月区间选择
$monthRange = Elm::monthRange('field', 'title');

组件方法

 * @method $this readonly(bool $readonly) 完全只读, 默认值: false
 * @method $this disabled(bool $disabled) 禁用, 默认值: false
 * @method $this editable(bool $editable) 文本框可输入, 默认值: true
 * @method $this clearable(bool $clearable) 是否显示清除按钮, 默认值: true
 * @method $this size(string $size) 输入框尺寸, 可选值: large, small, mini
 * @method $this placeholder(string $placeholder) 非范围选择时的占位内容
 * @method $this startPlaceholder(string $startPlaceholder) 范围选择时开始日期的占位内容
 * @method $this endPlaceholder(string $endPlaceholder) 范围选择时结束日期的占位内容
 * @method $this type(string $type) 显示类型, 可选值: year/month/date/dates/ week/datetime/datetimerange/ daterange/monthrange, 默认值: date
 * @method $this format(string $format) 显示在输入框中的格式, 可选值: 见日期格式, 默认值: yyyy-MM-dd
 * @method $this align(string $align) 对齐方式, 可选值: left, center, right, 默认值: left
 * @method $this popperClass(string $popperClass) DatePicker 下拉框的类名
 * @method $this pickerOptions(array $pickerOptions) 当前时间日期选择器特有的选项参考下表, 默认值: {}
 * @method $this rangeSeparator(string $rangeSeparator) 选择范围时的分隔符, 默认值: '-'
 * @method $this defaultValue(string $defaultValue) 可选，选择器打开时默认显示的时间, 可选值: 可被new Date()解析
 * @method $this defaultTime(array $defaultTime) 范围选择时选中日期所使用的当日内具体时刻, 可选值: 数组，长度为 2，每项值为字符串，形如12:00:00，第一项指定开始日期的时刻，第二项指定结束日期的时刻，不指定会使用时刻 00:00:00
 * @method $this valueFormat(string $valueFormat) 可选，绑定值的格式。不指定则绑定值为 Date 对象, 可选值: 见日期格式
 * @method $this name(string $name) 原生属性
 * @method $this unlinkPanels(bool $unlinkPanels) 在范围选择器里取消两个日期面板之间的联动, 默认值: false
 * @method $this prefixIcon(string $prefixIcon) 自定义头部图标的类名, 默认值: el-icon-date
 * @method $this clearIcon(string $clearIcon) 自定义清空图标的类名, 默认值: el-icon-circle-close
 * @method $this validateEvent(bool $validateEvent) 输入时是否触发表单的校验, 默认值: true
 * @method $this timeArrowControl(bool $timeArrowControl) 是否使用箭头进行时间选择, 默认值: false

框架

$frame = Elm::frame('field', 'title');
//使用input类型显示,多选
//value为Array类型
$frameInputs = Elm::frameInputs('field', 'title');
//使用文件类型显示,多选
//value为Array类型
$frameFiles = Elm::frameFiles('field', 'title');
//使用图片类型显示,多选
//value为Array类型
$frameImages = Elm::frameImages('field', 'title');
//使用input类型显示,单选
//value为String类型
$frameInput = Elm::frameInput('field', 'title');
//使用文件类型显示,单选
//value为String类型
$frameFile = Elm::frameFile('field', 'title');
//使用图片类型显示,单选
//value为String类型
$frameImage = Elm::frameImage('field', 'title');

组件方法

 * @method $this type(string $type) frame类型, 有input, file, image, 默认为input
 * @method $this src(string $src) iframe地址
 * @method $this maxLength(int $length) value的最大数量, 默认无限制
 * @method $this icon(string $icon) 打开弹出框的按钮图标
 * @method $this height(string $height) 弹出框高度
 * @method $this width(string $width) 弹出框宽度
 * @method $this spin(bool $bool) 是否显示加载动画, 默认为 true
 * @method $this frameTitle(string $title) 弹出框标题
 * @method $this modal(array $modalProps) 弹出框props
 * @method $this handleIcon(bool $bool) 操作按钮的图标, 设置为false将不显示, 设置为true为默认的预览图标, 类型为file时默认为false, image类型默认为true
 * @method $this allowRemove(bool $bool) 是否可删除, 设置为false是不显示删除按钮

hidden

$hidden = Elm::hidden('field', 'value');

输入框

$input = Elm::input('field', 'title');
$text = Elm::text('field', 'title');
$password = Elm::password('field', 'title');
$textarea = Elm::textarea('field', 'title');
$url = Elm::url('field', 'title');
$email = Elm::email('field', 'title');
$idate = Elm::idate('field', 'title');

组件方法

 * @method $this type(string $type) 类型, 可选值: text，textarea 和其他 原生 input 的 type 值, 默认值: text
 * @method $this maxlength(float $maxlength) 原生属性，最大输入长度
 * @method $this minlength(float $minlength) 原生属性，最小输入长度
 * @method $this showWordLimit(bool $showWordLimit) 是否显示输入字数统计，只在 type = "text" 或 type = "textarea" 时有效, 默认值: false
 * @method $this placeholder(string $placeholder) 输入框占位文本
 * @method $this clearable(bool $clearable) 是否可清空, 默认值: false
 * @method $this showPassword(bool $showPassword) 是否显示切换密码图标, 默认值: false
 * @method $this disabled(bool $disabled) 禁用, 默认值: false
 * @method $this size(string $size) 输入框尺寸，只在 type!="textarea" 时有效, 可选值: medium / small / mini
 * @method $this prefixIcon(string $prefixIcon) 输入框头部图标
 * @method $this suffixIcon(string $suffixIcon) 输入框尾部图标
 * @method $this rows(float $rows) 输入框行数，只对 type = "textarea" 有效, 默认值: 2
 * @method $this autocomplete(string $autocomplete) 原生属性，自动补全, 可选值: on, off, 默认值: off
 * @method $this name(string $name) 原生属性
 * @method $this readonly(bool $readonly) 原生属性，是否只读, 默认值: false
 * @method $this max(string $max) 原生属性，设置最大值
 * @method $this min(string $min) 原生属性，设置最小值
 * @method $this step(string $step) 原生属性，设置输入字段的合法数字间隔
 * @method $this resize(string $resize) 控制是否能被用户缩放, 可选值: none, both, horizontal, vertical
 * @method $this autofocus(bool $autofocus) 原生属性，自动获取焦点, 可选值: true, false, 默认值: false
 * @method $this form(string $form) 原生属性
 * @method $this label(string $label) 输入框关联的label文字
 * @method $this tabindex(string $tabindex) 输入框的tabindex
 * @method $this validateEvent(bool $validateEvent) 输入时是否触发表单的校验, 默认值: true
 * @method $this autoSize($minRows = false, $maxRows = null) 自适应内容高度，仅在 textarea 类型下有效

数字输入框

$number = Elm::number('field', 'title');

组件方法

 * @method $this min(float $min) 设置计数器允许的最小值, 默认值: -Infinity
 * @method $this max(float $max) 设置计数器允许的最大值, 默认值: Infinity
 * @method $this step(float $step) 计数器步长, 默认值: 1
 * @method $this stepStrictly(float $stepStrictly) 是否只能输入 step 的倍数, 默认值: false
 * @method $this precision(float $precision) 数值精度
 * @method $this size(string $size) 计数器尺寸, 可选值: large, small
 * @method $this disabled(bool $disabled) 是否禁用计数器, 默认值: false
 * @method $this controls(bool $controls) 是否使用控制按钮, 默认值: true
 * @method $this controlsPosition(string $controlsPosition) 控制按钮位置, 可选值: right
 * @method $this name(string $name) 原生属性
 * @method $this label(string $label) 输入框关联的label文字
 * @method $this placeholder(string $placeholder) 输入框默认 placeholder

单选框

$radio = Elm::radio('field', 'title');
$radio->options(function(){
    $options = []
    foreach(['好用', '高效'] as $k=>$v){
        $options[] = Elm::option($k, $v);
    }
    //等同于 [['value'=>0,'label'=>'好用'],['value'=>1,'label'=>'高效']]
    return $options;
});

组件方法

 * @method $this size(string $size) 单选框组尺寸，仅对按钮形式的 Radio 或带有边框的 Radio 有效, 可选值: medium / small / mini
 * @method $this disabled(bool $disabled) 是否禁用, 默认值: false
 * @method $this textColor(string $textColor) 按钮形式的 Radio 激活时的文本颜色, 默认值: #ffffff
 * @method $this fill(string $fill) 按钮形式的 Radio 激活时的填充色和边框色, 默认值: #409EFF
 * @method $this button(bool $bool) 按钮形式

评分选择

$rate = Elm::rate('field', 'title');

组件方法

 * @method $this max(float $max) 最大分值, 默认值: 5
 * @method $this disabled(bool $disabled) 是否为只读, 默认值: false
 * @method $this allowHalf(bool $allowHalf) 是否允许半选, 默认值: false
 * @method $this lowThreshold(float $lowThreshold) 低分和中等分数的界限值，值本身被划分在低分中, 默认值: 2
 * @method $this highThreshold(float $highThreshold) 高分和中等分数的界限值，值本身被划分在高分中, 默认值: 4
 * @method $this colors(array $colors) icon 的颜色。若传入数组，共有 3 个元素，为 3 个分段所对应的颜色；若传入对象，可自定义分段，键名为分段的界限值，键值为对应的颜色, 默认值: ['#F7BA2A', '#F7BA2A', '#F7BA2A']
 * @method $this voidColor(string $voidColor) 未选中 icon 的颜色, 默认值: #C6D1DE
 * @method $this disabledVoidColor(string $disabledVoidColor) 只读时未选中 icon 的颜色, 默认值: #EFF2F7
 * @method $this iconClasses(array $iconClasses) icon 的类名。若传入数组，共有 3 个元素，为 3 个分段所对应的类名；若传入对象，可自定义分段，键名为分段的界限值，键值为对应的类名, 默认值: ['el-icon-star-on', 'el-icon-star-on', 'el-icon-star-on']
 * @method $this voidIconClass(string $voidIconClass) 未选中 icon 的类名, 默认值: el-icon-star-off
 * @method $this disabledVoidIconClass(string $disabledVoidIconClass) 只读时未选中 icon 的类名, 默认值: el-icon-star-on
 * @method $this showText(bool $showText) 是否显示辅助文字，若为真，则会从 texts 数组中选取当前分数对应的文字内容, 默认值: false
 * @method $this showScore(bool $showScore) 是否显示当前分数，show-score 和 show-text 不能同时为真, 默认值: false
 * @method $this textColor(string $textColor) 辅助文字的颜色, 默认值: #1F2D3D
 * @method $this texts(array $texts) 辅助文字数组, 默认值: ['极差', '失望', '一般', '满意', '惊喜']
 * @method $this scoreTemplate(string $scoreTemplate) 分数显示模板, 默认值: {value}

下拉选择

$select = Elm::select('field', 'title');
//多选,value 为 array
$select = Elm::selectMultiple('field', 'title');
$select->options(function(){
    $options = []
    foreach(['好用', '高效'] as $k=>$v){
        $options[] = Elm::option($k, $v);
    }
    //等同于 [['value'=>0,'label'=>'好用'],['value'=>1,'label'=>'高效']]
    return $options;
});

组件方法

 * @method $this multiple(bool $multiple) 是否多选, 默认值: false
 * @method $this disabled(bool $disabled) 是否禁用, 默认值: false
 * @method $this valueKey(string $valueKey) 作为 value 唯一标识的键名，绑定值为对象类型时必填, 默认值: value
 * @method $this size(string $size) 输入框尺寸, 可选值: medium/small/mini
 * @method $this clearable(bool $clearable) 是否可以清空选项, 默认值: false
 * @method $this collapseTags(bool $collapseTags) 多选时是否将选中值按文字的形式展示, 默认值: false
 * @method $this multipleLimit(float $multipleLimit) 多选时用户最多可以选择的项目数，为 0 则不限制
 * @method $this name(string $name) select input 的 name 属性
 * @method $this autocomplete(string $autocomplete) select input 的 autocomplete 属性, 默认值: off
 * @method $this placeholder(string $placeholder) 占位符, 默认值: 请选择
 * @method $this filterable(bool $filterable) 是否可搜索, 默认值: false
 * @method $this allowCreate(bool $allowCreate) 是否允许用户创建新条目，需配合 filterable 使用, 默认值: false
 * @method $this remote(bool $remote) 是否为远程搜索, 默认值: false
 * @method $this loading(bool $loading) 是否正在从远程获取数据, 默认值: false
 * @method $this loadingText(string $loadingText) 远程加载时显示的文字, 默认值: 加载中
 * @method $this noMatchText(string $noMatchText) 搜索条件无匹配时显示的文字，也可以使用slot = "empty"设置, 默认值: 无匹配数据
 * @method $this noDataText(string $noDataText) 选项为空时显示的文字，也可以使用slot = "empty"设置, 默认值: 无数据
 * @method $this popperClass(string $popperClass) Select 下拉框的类名
 * @method $this reserveKeyword(bool $reserveKeyword) 多选且可搜索时，是否在选中一个选项后保留当前的搜索关键词, 默认值: false
 * @method $this defaultFirstOption(bool $defaultFirstOption) 在输入框按下回车，选择第一个匹配项。需配合 filterable 或 remote 使用, 默认值: false
 * @method $this popperAppendToBody(bool $popperAppendToBody) 是否将弹出框插入至 body 元素。在弹出框的定位出现问题时，可将该属性设置为 false, 默认值: true
 * @method $this automaticDropdown(bool $automaticDropdown) 对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单, 默认值: false

滑块

$slider = Elm::slider('field', 'title');
//多选,value 为 array
$sliderRange = Elm::sliderRange('field', 'title');

组件方法

 * @method $this min(float $min) 最小值
 * @method $this max(float $max) 最大值, 默认值: 100
 * @method $this disabled(bool $disabled) 是否禁用, 默认值: false
 * @method $this step(float $step) 步长, 默认值: 1
 * @method $this showInput(bool $showInput) 是否显示输入框，仅在非范围选择时有效, 默认值: false
 * @method $this showInputControls(bool $showInputControls) 在显示输入框的情况下，是否显示输入框的控制按钮, 默认值: true
 * @method $this inputSize(string $inputSize) 输入框的尺寸, 可选值: large / medium / small / mini, 默认值: small
 * @method $this showStops(bool $showStops) 是否显示间断点, 默认值: false
 * @method $this showTooltip(bool $showTooltip) 是否显示 tooltip, 默认值: true
 * @method $this range(bool $range) 是否为范围选择, 默认值: false
 * @method $this vertical(bool $vertical) 是否竖向模式, 默认值: false
 * @method $this height(string $height) Slider 高度，竖向模式时必填
 * @method $this label(string $label) 屏幕阅读器标签
 * @method $this debounce(float $debounce) 输入时的去抖延迟，毫秒，仅在show-input等于true时有效, 默认值: 300
 * @method $this tooltipClass(string $tooltipClass) tooltip 的自定义类名
 * @method $this marks(array $marks) 标记， key 的类型必须为 number 且取值在闭区间 [min, max] 内，每个标记可以单独设置样式

开关

$switch = Elm::switches('field', 'title');

组件方法

 * @method $this disabled(bool $disabled) 是否禁用, 默认值: false
 * @method $this width(float $width) switch 的宽度（像素）, 默认值: 40
 * @method $this activeIconClass(string $activeIconClass) switch 打开时所显示图标的类名，设置此项会忽略 active-text
 * @method $this inactiveIconClass(string $inactiveIconClass) switch 关闭时所显示图标的类名，设置此项会忽略 inactive-text
 * @method $this activeText(string $activeText) switch 打开时的文字描述
 * @method $this inactiveText(string $inactiveText) switch 关闭时的文字描述
 * @method $this activeValue(mixed $activeValue) switch 打开时的值, 默认值: true
 * @method $this inactiveValue(mixed $inactiveValue) switch 关闭时的值, 默认值: false
 * @method $this activeColor(string $activeColor) switch 打开时的背景色, 默认值: #409EFF
 * @method $this inactiveColor(string $inactiveColor) switch 关闭时的背景色, 默认值: #C0CCDA
 * @method $this name(string $name) switch 对应的 name 属性
 * @method $this validateEvent(bool $validateEvent) 改变 switch 状态时是否触发表单的校验, 默认值: true

时间选择

$timePicker = Elm::timePicker('field', 'title');
//时间选择
$time = Elm::time('field', 'title');
//时间区间选择
$time = Elm::timeRange('field', 'title');

组件方法

 * @method $this readonly(bool $readonly) 完全只读, 默认值: false
 * @method $this disabled(bool $disabled) 禁用, 默认值: false
 * @method $this editable(bool $editable) 文本框可输入, 默认值: true
 * @method $this clearable(bool $clearable) 是否显示清除按钮, 默认值: true
 * @method $this size(string $size) 输入框尺寸, 可选值: medium / small / mini
 * @method $this placeholder(string $placeholder) 非范围选择时的占位内容
 * @method $this startPlaceholder(string $startPlaceholder) 范围选择时开始日期的占位内容
 * @method $this endPlaceholder(string $endPlaceholder) 范围选择时开始日期的占位内容
 * @method $this isRange(bool $isRange) 是否为时间范围选择，仅对<el-time-picker>有效, 默认值: false
 * @method $this arrowControl(bool $arrowControl) 是否使用箭头进行时间选择，仅对<el-time-picker>有效, 默认值: false
 * @method $this align(string $align) 对齐方式, 可选值: left / center / right, 默认值: left
 * @method $this popperClass(string $popperClass) TimePicker 下拉框的类名
 * @method $this pickerOptions(array $pickerOptions) 当前时间日期选择器特有的选项参考下表, 默认值: {}
 * @method $this rangeSeparator(string $rangeSeparator) 选择范围时的分隔符, 默认值: '-'
 * @method $this valueFormat(string $valueFormat) 可选，仅TimePicker时可用，绑定值的格式。不指定则绑定值为 Date 对象, 可选值: 见日期格式
 * @method $this prefixIcon(string $prefixIcon) 自定义头部图标的类名, 默认值: el-icon-time
 * @method $this clearIcon(string $clearIcon) 自定义清空图标的类名, 默认值: el-icon-circle-close

树形

$tree = Elm::tree('field', 'title');

组件方法

 * @method $this type(string $type) 类型，可选值为 checked、selected
 * @method $this emptyText(string $emptyText) 内容为空的时候展示的文本
 * @method $this nodeKey(string $nodeKey) 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的
 * @method $this props(array $props) 配置选项，具体看下表
 * @method $this renderAfterExpand(bool $renderAfterExpand) 是否在第一次展开某个树节点后才渲染其子节点, 默认值: true
 * @method $this highlightCurrent(bool $highlightCurrent) 是否高亮当前选中节点，默认值是 false。, 默认值: false
 * @method $this defaultExpandAll(bool $defaultExpandAll) 是否默认展开所有节点, 默认值: false
 * @method $this expandOnClickNode(bool $expandOnClickNode) 是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。, 默认值: true
 * @method $this checkOnClickNode(bool $checkOnClickNode) 是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点。, 默认值: false
 * @method $this autoExpandParent(bool $autoExpandParent) 展开子节点的时候是否自动展开父节点, 默认值: true
 * @method $this showCheckbox(bool $showCheckbox) 节点是否可被选择, 默认值: false
 * @method $this checkStrictly(bool $checkStrictly) 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false, 默认值: false
 * @method $this accordion(bool $accordion) 是否每次只打开一个同级树节点展开, 默认值: false
 * @method $this indent(float $indent) 相邻级节点间的水平缩进，单位为像素, 默认值: 16
 * @method $this iconClass(string $iconClass) 自定义树节点的图标
 * @method $this draggable(bool $draggable) 是否开启拖拽节点功能, 默认值: false
 * @method $this data($data) 节点数据
 * @method $this jsData($var) 节点数据,js变量

上传组件

$upload = Elm::upload('field', 'title');
//图片上传
//value 为 Array类型
$uploadImages = Elm::uploadImages('field', 'title');
//文件上传
//value 为 Array类型
$uploadFiles = Elm::uploadFiles('field', 'title');
//单图上传
//value 为 String类型
$uploadImage = Elm::uploadImage('field', 'title');
//单文件上传
//value 为 String类型
$uploadFile = Elm::uploadFile('field', 'title');

组件方法

 * @method $this uploadType(string $uploadType) 上传文件类型，可选值为 image（图片上传），file（文件上传）
 * @method $this action(string $action) 必选参数，上传的地址
 * @method $this multiple(bool $multiple) 是否支持多选文件
 * @method $this uploadName(string $name) 上传的文件字段名, 默认值: file
 * @method $this withCredentials(bool $withCredentials) 支持发送 cookie 凭证信息, 默认值: false
 * @method $this accept(string $accept) 接受上传的文件类型（thumbnail-mode 模式下此参数无效）
 * @method $this listType(string $listType) 文件列表的类型, 可选值: text/picture/picture-card, 默认值: text
 * @method $this autoUpload(bool $autoUpload) 是否在选取文件后立即进行上传, 默认值: true
 * @method $this disabled(bool $disabled) 是否禁用, 默认值: false
 * @method $this limit(float $limit) 最大允许上传个数
 * @method $this headers(array $headers) 设置上传的请求头部
 * @method $this data(array $data) 上传时附带的额外参数