| elem |
绑定元素选择器或 DOM 对象
|
string/DOM |
- |
| color |
默认颜色值，值的格式跟随 `format` 属性的设定。
|
string |
- |
| format |
颜色显示/输入格式，支持 `hex` `rgb` 。 若同时开启 `alpha` 属性，则颜色值自动变为 `rgba`。
|
string |
`hex`
|
| alpha |
是否开启透明度。当同时开启 `format: 'rga'` 时，`color` 值将采用 `rgba` 格式。
|
boolean |
`false`
|
| predefine |
是否开启预定义颜色栏
|
boolean |
`false`
|
| colors |
设置可选的颜色列表，需开启 `predefine: true` 有效。
用法详见：[#预定义颜色项](#demo-predefine)
|
array |
- |
| size |
颜色框的尺寸，可选值： `lg` `sm` `xs`
|
string |
`sm`
|
|
[回调函数](#options.callback)
|
| change |
颜色被改变的回调函数。用法详见：[#示例](#demo-all)
```
change: function(value){
console.log(value); // 当前颜色值
}
```
|
| done |
颜色选择完毕的回调函数。点击“确认”和“清除”按钮均会触发
```
done: function(value){
console.log(value); // 当前选中的颜色值
}
```
用法详见：[#示例](#demo-all)
|
| cancel 2.8+ |
取消颜色选择的回调函数，一般点击非颜色选择面板区域触发。
```
cancel: function(value){
console.log(value); // 当前颜色值
}
```
用法详见：[#示例](#demo-all)
|
| close 2.8+ |
颜色选择面板被关闭后即触发。
```
close: function(value){
console.log(value); // 当前颜色值
}
```
|