ColorPicker 颜色选择框

在线预览 (opens new window)

规则

{
    type: "ColorPicker",
    field: "color",
    title: "颜色",
    value: '#ff7271',
}

参考:iview2.x (opens new window) | iview3.x (opens new window)

value: String

props

属性	说明	类型	默认值
disabled	是否禁用	Boolean	false
editable	是否可以输入色值	Boolean	true
alpha	是否支持透明度选择	Boolean	false
hue	是否支持色彩选择	Boolean	true
recommend	是否显示推荐的颜色预设	Boolean	false
colors	自定义颜色预设	Array	[]
format	颜色的格式，可选值为 hsl、hsv、hex、rgb	String	开启 alpha 时为 rgb，其它为 hex
size	尺寸，可选值为large、small、default或者不设置	String	-

on 事件

事件名	说明	返回值
on-change	当绑定值变化时触发	当前值
on-active-change	面板中当前显示的颜色发生改变时触发	当前显示的颜色值
on-open-change	下拉框展开或收起时触发	true / false