ColorPicker 颜色选择器
该组件是低代码平台中用于颜色值选取的表单项,基于 Element Plus 的 <el-color-picker> 封装,支持透明度、颜色格式切换及预定义色板,并深度集成表单容器(<el-form>)的数据绑定与校验体系。
基础属性
| 属性 | 类型 | 说明 |
|---|---|---|
是否支持透明度选择 showAlpha | boolean | 启用后可调节颜色透明度(RGBA / HEX8) |
颜色格式 colorFormat | enum | 输出格式:hex(如 #ff0000)或 rgb(如 rgb(255, 0, 0)),默认为 hex |
预定义颜色 predefine | function | 返回一组预设颜色值(string[]),用户可从中快速选择;支持同步或异步返回 |
| 表单项基础配置 | — | 包含标签宽度、布局控制等通用表单项设置(来自 formItemBaseDefine) |
高级属性
| 属性 | 类型 | 说明 |
|---|---|---|
| 表单项高级配置 | — | 包含字段名(prop)、标签文本(label)等核心绑定配置(来自 formItemAdvDefine) |
事件
| 事件 | 触发时机 | 说明 |
|---|---|---|
change | 颜色值确认后发生变化时 | 对应 Element Plus 的 change 事件 |
