颜色选择器
用于颜色选择,支持单选和多选模式,根据需求选择一个或多个颜色。支持编辑器类型包含:颜色选择器
示例效果
输入参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 编辑器值 | String | - |
| controller | 编辑器控制器对象 | new RequiredProp(Object as PropType<C>) | - |
| data | 容器数据,通常为表单数据,表格行数据,面板数据 | new RequiredProp(Object as PropType<IData>) | - |
| disabled | 是否禁用 | { type: Boolean } | false |
| readonly | 是否只读 | { type: Boolean, default: false } | false |
| controlParams | 容器控件参数,一般是指表单部件控件参数、表格控件参数、面板控件参数 | { type: Object, required: false } | - |
事件
| 名称 | 说明 | 类型 |
|---|---|---|
| change | 值变更事件 | {_value:V, _name?:string, _ignore?:boolean} |
| blur | 失焦事件 | {_event?:IData} |
| focus | 聚焦事件 | {_event?:IData} |
编辑器参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| defaultval | 表示在颜色选择器初始化时默认呈现的颜色数组。当编辑器的自定义模式 custom 值为 true 时,该参数生效,会按照此数组显示默认颜色 | string[] | [] |
| multiple | 该参数用于控制颜色选择器是否支持多选功能。默认情况下为单选模式,当该值设置为 true 时,启用多选模式,用户可以选择多个颜色 | boolean | false |
| custom | 该参数决定颜色选择器是否处于自定义模式。默认不启用自定义模式,当值为 true 时,启用自定义模式,此时可以按照自定义的方式进行颜色选择和设置,例如自定义颜色列表等相关操作 | boolean | false |
| type | 用于设置下拉选择的颜色数组的显示类型。当值为 'ITEM' 时,表示下拉选择的颜色数组仅有一个颜色;当值为 'ITEMS' 时,表示下拉选择的颜色数组包含多个颜色 | 'ITEM' | 'ITEMS' | 'ITEMS' |
| ishiddentext | 用于控制是否隐藏颜色选择器中的颜色文本。默认情况下不隐藏颜色文本,当该值设置为 true 时,会隐藏颜色文本,仅展示颜色选择相关的组件 | boolean | false |
| customcolorlist | 该参数用于设置自定义的颜色列表,其格式是一个对象形式的JSON数组。配置示例:customcolorlist=[{'text':'颜色名字','value':['#123123','#111222','#333322','#11ff33']}],通过此配置可以自定义颜色选择器中显示的颜色选项 | {text:string;value:string[]}[] | undefined |
| readonly | 设置编辑器是否为只读态 | boolean | false |