ColorPickerPanel 颜色选择面板

面板式颜色选择器。基于 colord 构建，提供 HSV 调色区域、色相/透明度滑块、Hex 输入和预定义色板。始终可见（非弹出），适合嵌入表单或作为独立面板使用。

基础用法

<TColorPickerPanel v-model="color" />

输出格式

通过 color-format 控制输出类型。

<TColorPickerPanel v-model="color" color-format="rgb" />
<TColorPickerPanel v-model="color" color-format="hsl" />

透明度支持

<TColorPickerPanel v-model="color" show-alpha />

预定义色板

<TColorPickerPanel
  v-model="color"
  :predefine="['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f']"
/>

API

Props

参数	类型	默认值	说明
v-model	string	'#066fd1'	颜色值
color-format	'hex' | '#hex' | 'rgb' | 'hsv' | 'hsl'	'#hex'	输出格式
show-alpha	boolean	false	显示透明度滑块
predefine	string[]	—	预设色板
disabled	boolean	false	禁用

Emits

事件	说明	回调参数
update:modelValue	v-model 更新	(value: string)
change	颜色变化	(value: string)