简单分享 colorPicker 颜色选择器组件源码,主要从以下三个方面:
1、colorPicker 组件页面结构。
2、colorPicker 组件属性。
3、colorPicker 组件事件。
一、组件页面结构。

二、组件属性。
2.1 value/v-model 绑定值属性,类型为 string,无默认值。



2.2 disabled 是否禁用属性,类型为 boolean,默认 false。



2.3 size 尺寸属性,类型为 string,可选值 medium / small / mini,无默认值。



2.4 show-alpha 是否支持透明度选择属性,类型为 boolean,默认 false。















2.5 color-format 写入 v-model 的颜色的格式,类型为 string,可选值 hsl / hsv / hex / rgb,默认值 hex(show-alpha 为 false)/ rgb(show-alpha 为 true)。










2.6 popper-class ColorPicker 下拉框的类名,类型为 string,无默认值。


2.7 predefine 预定义颜色,类型为 array,无默认值。





三、组件事件。
3.1 change 事件,当绑定值变化时触发,回调参数为当前值。


3.2 active-change 事件,面板中当前显示的颜色发生改变时触发,回调参数为当前显示的颜色值。


