## ColorPicker 颜色选择器 ------------------- 用于颜色选择，支持多种格式。 ### 基础用法使用 v-model 与 Vue 实例中的一个变量进行双向绑定，绑定的变量需要是字符串类型。 :::demo ```html

有默认值

无默认值

``` ::: ### 选择透明度 ColorPicker 支持普通颜色，也支持带 Alpha 通道的颜色，通过`show-alpha`属性即可控制是否支持透明度的选择。 :::demo ```html ``` ::: ### 预定义颜色 :::demo ColorPicker 支持预定义颜色 ```html ``` ::: ### 不同尺寸 :::demo ```html

``` ::: ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | disabled | 是否禁用 | boolean | — | false | | size | 尺寸 | string | medium / small / mini | — | | show-alpha | 是否支持透明度选择 | boolean | — | false | | color-format | 写入 v-model 的颜色的格式 | string | hsl / hsv / hex / rgb | hex（show-alpha 为 false）/ rgb（show-alpha 为 true） | | popper-class | ColorPicker 下拉框的类名 | string | — | — | | predefine | 预定义颜色 | array | — | — | ### Events | 事件名称 | 说明 | 回调参数 | |---------- |-------- |---------- | | change | 当绑定值变化时触发 | 当前值 | | active-change | 面板中当前显示的颜色发生改变时触发 | 当前显示的颜色值 |