颜色选择器 colorPicker

通过此部件调用 ZUI 的颜色选择器，详细用法参考 ZUI 文档。

用法

一般用法

$colorList = '#ff0000,#00ff00,#0000ff';

colorPicker
(
    set::name('color'),
    set::value('#ff0000'),
    set::items($colorList)
);

通过 control 部件调用

$colorList = '#ff0000,#00ff00,#0000ff';

control
(
    set::name('color'),
    set::value('#ff0000'),
    set::items($colorList),
    set::type('color')
);

通过 formGroup 部件调用

$colorList = '#ff0000,#00ff00,#0000ff';
formGroup
(
    set::name('color'),
    set::value('#ff0000'),
    set::items($colorList),
    set::control('color')
);

属性

名称	类型	可选	默认值	说明
id	string	✓	null	组件根元素的 ID。
className	stringarray	✓	null	类名。
style	array	✓	null	样式。
tagName	string	✓	null	组件根元素的标签名。
attrs	array	✓	null	附加到组件根元素上的属性。
clickType	"toggle""open"	✓	null	点击类型，toggle 表示点击按钮时切换显示隐藏，open 表示点击按钮时只打。
afterRender	function	✓	null	渲染完成后的回调函数。
beforeDestroy	function	✓	null	销毁前的回调函数。
name	string	✓	null	作为表单项的名称。
defaultValue	stringstring[]	✓	null	默认值。
onChange	function	✓	null	值变更回调函数。
disabled	boolean	✓	null	是否禁用。
multiple	booleannumber	✓	false	是否允许选择多个值，如果指定为数字，则限制多选的数目，默认 false。
required	boolean	✓	null	是否必选（不允许空值，不可以被清除）。
items	string[]array	✓	null	选项列表，默认为 $lang->$moduleName->colorList。
icon	IconType	✓	null	将触发按钮显示为图标。
syncValue	string	✓	null	指定选择器同步颜色值作为文本到的元素。
syncColor	string	✓	null	指定选择器同步文字颜色到的元素。
syncBackground	string	✓	null	指定选择器同步背景颜色到的元素。
syncBorder	string	✓	null	指定选择器同步边框颜色到的元素。
hint	string	✓	null	提示文字。
closeBtn	boolean	✓	null	是否在弹出面板上显示关闭按钮。
heading	ComponentChildren	✓	null	弹出面板的标题。