zhsw_wechat/miniprogram_npm/tdesign-miniprogram/color-picker

:: 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;}