简单分享 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 事件，面板中当前显示的颜色发生改变时触发，回调参数为当前显示的颜色值。