跳转到内容

颜色选择器

用于颜色选择,支持单选和多选模式,根据需求选择一个或多个颜色。支持编辑器类型包含:颜色选择器

示例效果

输入参数

名称说明类型默认值
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 时,启用多选模式,用户可以选择多个颜色booleanfalse
custom该参数决定颜色选择器是否处于自定义模式。默认不启用自定义模式,当值为 true 时,启用自定义模式,此时可以按照自定义的方式进行颜色选择和设置,例如自定义颜色列表等相关操作booleanfalse
type用于设置下拉选择的颜色数组的显示类型。当值为 'ITEM' 时,表示下拉选择的颜色数组仅有一个颜色;当值为 'ITEMS' 时,表示下拉选择的颜色数组包含多个颜色'ITEM' | 'ITEMS''ITEMS'
ishiddentext用于控制是否隐藏颜色选择器中的颜色文本。默认情况下不隐藏颜色文本,当该值设置为 true 时,会隐藏颜色文本,仅展示颜色选择相关的组件booleanfalse
customcolorlist该参数用于设置自定义的颜色列表,其格式是一个对象形式的JSON数组。配置示例:customcolorlist=[{'text':'颜色名字','value':['#123123','#111222','#333322','#11ff33']}],通过此配置可以自定义颜色选择器中显示的颜色选项{text:string;value:string[]}[]undefined
readonly设置编辑器是否为只读态booleanfalse
未来已来,立即拥抱应用融合的力量
Released under the MIT License.