:: BASE_DOC ::
API
ColorPicker Props
| name | type | default | description | required |
|---|---|---|---|---|
| style | Object | - | CSS(Cascading Style Sheets) | N |
| custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N |
| auto-close | Boolean | true | - | N |
| enable-alpha | Boolean | false | - | N |
| fixed | Boolean | false | 1.8.5 |
N |
| footer | Slot | - | see more ts definition | N |
| format | String | RGB | options: RGB/RGBA/HSL/HSLA/HSB/HSV/HSVA/HEX/CMYK/CSS | N |
| header | Slot | - | see more ts definition | N |
| popup-props | Object | {} | Typescript：PopupProps，Popup API Documents。see more ts definition |
N |
| swatch-colors | Array | - | swatch colors。Typescript：Array<string> | null |
N |
| type | String | base | options: base/multiple。Typescript：TypeEnum type TypeEnum = 'base' | 'multiple'。see more ts definition |
N |
| use-popup | Boolean | false | - | N |
| value | String | - | color value | N |
| default-value | String | undefined | color value。uncontrolled property | N |
| visible | Boolean | false | - | N |
ColorPicker Events
| name | params | description |
|---|---|---|
| change | (value: string, context: { color: ColorObject; trigger: ColorPickerChangeTrigger }) |
see more ts definition。type ColorPickerChangeTrigger = 'palette-hue-bar' | 'palette-alpha-bar' | 'preset' |
| close | (trigger: ColorPickerTrigger) |
see more ts definition。type ColorPickerTrigger = 'overlay' |
| palette-bar-change | (detail: { color: ColorObject }) |
see more ts definition。interface ColorObject { alpha: number; css: string; hex: string; hex8: string; hsl: string; hsla: string; hsv: string; hsva: string; rgb: string; rgba: string; value: number;} |