ColorPicker 颜色选择器

用于颜色选择，支持多种格式。

import { HiColorPicker } from 'hi-kits/color'

基本用法

颜色面板

<h-color-pane></h-color-pane>

Expand Copy Copy

禁用disabled

通过 disabled 可以禁用开关

<h-color-picker></h-color-picker>
<h-switch onchange="this.previousElementSibling.disabled = this.checked"></h-switch>
                    

Expand Copy Copy

自定义颜色块

 <h-color-picker custom onchange="this.firstElementChild.color=this.value">
    <h-icon name="color_palette" size="20" color="#F44336"></h-icon>
</h-color-picker>

Expand Copy Copy

参数说明

参数	说明	类型	可选值	默认值
defaultvalue	默认颜色	string	-	-
custom	是否自定义	boolean	-	false
disabled	是否可用	boolean	-	false
onchange	变化时回调函数	Function(e:Event)	-	-