ColorPicker 颜色选择器
规则
基础示例
Props 配置示例
尺寸对比(小 / 中 / 大)
支持透明度
预设颜色
Events 示例
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| alpha | boolean | false | 是否支持透明度选择 |
| colorMode | monochrome | linear-gradient | monochrome | 设定颜色模式 |
| enable-history | boolean | false | 是否启用预定义颜色 |
| enable-predefine-color | boolean | false | 是否启用预定义颜色 |
| format | ('hex'|'rgb'|'hsl'|'hsv')[] | [] | 点击确认后返回对应 format;空数组表示禁用格式下拉 |
| history | string[] | undefined | undefined | 历史记录默认值 |
| predefine | string[] | undefined | undefined | 预定义颜色色值 |
| size | string | — | 定义尺寸,可选值:large / medium / small / mini |
| visible | boolean | false | 是否默认显示 color-select |
Events
| 名称 | 类型 | 说明 |
|---|---|---|
| cancel | () => void | 按下取消或点击外部时触发 |
| confirm | (hex: string) => void | 按下确认时触发 |


