# color-picker-panel (w-color-picker-panel)

- **Import**: `WColorPickerPanel` from `win-design-next`
- **Tag**: `<w-color-picker-panel>`
- **说明**: ColorPickerPanel 选择器面板 ^(beta)
- **分类**: data-entry
- **Skill 版本**: V1.1.0
- **适配组件库**: win-design-next 1.2.2
- **API 来源**: `docs/zh-CN/component/color-picker-panel.md`

## API

## API

### Attributes

| Name                  | Description               | Type                                                                                                             | Default |
| --------------------- | ------------------------- | ---------------------------------------------------------------------------------------------------------------- | ------- |
| model-value / v-model | 绑定值                    | ^[string]                                                                                                        | —       |
| border                | 颜色选择器面板是否有边框  | ^[boolean]                                                                                                       | true    |
| disabled              | 是否禁用                  | ^[boolean]                                                                                                       | false   |
| show-alpha            | 是否显示 alpha 滑块       | ^[boolean]                                                                                                       | false   |
| color-format          | 写入 v-model 的颜色的格式 | ^[enum]`'hsl' \| 'hsv' \| 'hex' \| 'rgb' \| 'hex' (when show-alpha is false) \| 'rgb' (when show-alpha is true)` | —       |
| predefine             | 预定义颜色                | ^[object]`string[]`                                                                                              | —       |

### Exposes

| Name     | Description      | Type                     |
| -------- | ---------------- | ------------------------ |
| color    | 当前色彩对象     | ^[object]`Color`         |
| inputRef | 自定义 input ref | ^[object]`InputInstance` |
| update   | 更新子组件       | ^[Function]`() => void`  |
