import { ColorPicker } from 'antd-vue-color-picker'
<color-picker v-model="currentcolor" :predefine="predefineColors" @change="selectColorPicker" />| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| value/v-model | 绑定值 | string | — | — |
| size | 尺寸 | string | large/default/small/xsmall | xsmall |
| show-alpha | 是否支持透明度选择 | boolean | — | false |
| color-format | 写入v-model的颜色格式 | string | hsl/hsv/hex/rgb | hex（show-alpha 为 false）/ rgb（show-alpha 为 true） |
| predefine | 预定义颜色 | array | — | — |
| placement | 颜色选择器弹出位置 | string | top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom |
top |
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| change | 当绑定值变化时触发 | 当前值 |
| active-change | 面板中当前显示的颜色发生改变时触发 | 当前显示的颜色值 |