ColorPicker

何时使用

在有颜色输入时，该颜色输入框可提供颜色的Input框和颜色选择器

代码演示

点击色块选择颜色

<template>
  <h-color-picker v-model:pure-color="shadowColor" />
</template>

<script setup lang="ts">
import { ref } from 'vue';

const shadowColor = ref('#cccccc');
</script>

API

Props

属性	说明	类型	默认值
pureColor	颜色绑定	string	rgb(0,0,0)
gradientColor	渐变色绑定	string
colorType	选择颜色类型	enum	'RGB'
activeKey		enum	pure
isWidget		boolean	false
pickerType	颜色选择类型	enum	fk
useType		enum	false
disableHistory	是否禁用历史记录	boolean	false
roundHistory		boolean	false
disableAlpha	是否禁用透明值	boolean
closeBtnCorner	关闭按钮位置	enum	TOP_RIGHT
position	选择器位置	Object

事件

事件名	说明	类型
pureColorChange	颜色改变回调	Function
gradientColorChange	渐变色改变回调	Function
activeKeyChange	颜色选择改变回调	Function

WARNING

移除colorCallBack props，请使用pureColorChange事件

ColorPicker ​

何时使用 ​

代码演示 ​

API ​

Props ​

事件 ​

ColorPicker

何时使用

代码演示

API

Props

事件