ColorPicker 颜色选择器
颜色选择器元素类型 type: ColorPicker
举例:
{
type: "ColorPicker",
field: "color",
title: "颜色",
value: '#ff7271',
}
maker快速生成:
$formCreate.maker.color('颜色','color','#ff7271').props({
"format":"hex"
}).props({
"hue": true
})
基本规则 rule:
字段名 |
说明 |
字段类型 |
是否必填 |
默认值 |
type |
元素类型 |
String |
true |
- |
field |
字段名称 |
String |
true |
- |
title |
字段别名 |
String |
true |
- |
value |
字段值 |
String |
false |
- |
props |
元素配置 |
Object |
false |
- |
event |
元素事件 |
Object |
false |
- |
validate |
验证规则 |
Array |
false |
- |
元素配置 props:
字段名 |
说明 |
字段类型 |
是否必填 |
默认值 |
alpha |
是否支持透明度选择 |
Boolean |
false |
false |
hue |
是否支持色彩选择 |
Boolean |
false |
true |
recommend |
是否显示推荐的颜色预设 |
Boolean |
false |
false |
size |
尺寸,可选值为large、small、default或者不设置 |
String |
false |
- |
colors |
自定义颜色预设 |
Array |
false |
- |
format |
颜色的格式,可选值为 hsl、hsv、hex、rgb,开启 alpha 时为 rgb,其它为 hex |
String |
false |
'hex' |
事件扩展 event:
事件名称 |
说明 |
字段类型 |
是否必填 |
默认值 |
change |
当绑定值变化时触发,返回当前值 |
Function |
false |
- |
active-change |
聚焦时触发 面板中当前显示的颜色发生改变时触发 |
Function |
false |
- |