颜色选择器 colorPicker
通过此部件调用 ZUI 的颜色选择器,详细用法参考 ZUI 文档。
用法
一般用法
php
$colorList = '#ff0000,#00ff00,#0000ff';
colorPicker
(
set::name('color'),
set::value('#ff0000'),
set::items($colorList)
);
通过 control
部件调用
php
$colorList = '#ff0000,#00ff00,#0000ff';
control
(
set::name('color'),
set::value('#ff0000'),
set::items($colorList),
set::type('color')
);
通过 formGroup
部件调用
php
$colorList = '#ff0000,#00ff00,#0000ff';
formGroup
(
set::name('color'),
set::value('#ff0000'),
set::items($colorList),
set::control('color')
);
属性
名称 | 类型 | 可选 | 默认值 | 说明 |
---|---|---|---|---|
id | string | ✓ | null | 组件根元素的 ID。 |
className | string array | ✓ | 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 | string string[] | ✓ | null | 默认值。 |
onChange | function | ✓ | null | 值变更回调函数。 |
disabled | boolean | ✓ | null | 是否禁用。 |
multiple | boolean number | ✓ | 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 | 弹出面板的标题。 |