|
|
|
@ -11,118 +11,173 @@ BI.HexColorPicker = BI.inherit(BI.Widget, {
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_items: [ |
|
|
|
|
[{ |
|
|
|
|
value: "#808080" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffffff" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffebe5" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffddba" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffeebb" |
|
|
|
|
}, { |
|
|
|
|
value: "#d4e9bf" |
|
|
|
|
}, { |
|
|
|
|
value: "#c7e1e1" |
|
|
|
|
}, { |
|
|
|
|
value: "#bfe3f0" |
|
|
|
|
}, { |
|
|
|
|
value: "#ccd6eb" |
|
|
|
|
}], |
|
|
|
|
[{ |
|
|
|
|
value: "#616161" |
|
|
|
|
}, { |
|
|
|
|
value: "#f2f2f2" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffd6cc" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffb87a" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffdf91" |
|
|
|
|
}, { |
|
|
|
|
value: "#b7d2b6" |
|
|
|
|
}, { |
|
|
|
|
value: "#a3d2c9" |
|
|
|
|
}, { |
|
|
|
|
value: "#8ab6d6" |
|
|
|
|
}, { |
|
|
|
|
value: "#bcbce0" |
|
|
|
|
}], |
|
|
|
|
[{ |
|
|
|
|
value: "#404040" |
|
|
|
|
}, { |
|
|
|
|
value: "#dedede" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffab9b" |
|
|
|
|
}, { |
|
|
|
|
value: "#eb8a3a" |
|
|
|
|
}, { |
|
|
|
|
value: "#ffc947" |
|
|
|
|
}, { |
|
|
|
|
value: "#8aa964" |
|
|
|
|
}, { |
|
|
|
|
value: "#5eaaa0" |
|
|
|
|
}, { |
|
|
|
|
value: "#2978b5" |
|
|
|
|
}, { |
|
|
|
|
value: "#8f8faa" |
|
|
|
|
}], |
|
|
|
|
[{ |
|
|
|
|
value: "#202020" |
|
|
|
|
}, { |
|
|
|
|
value: "#bfbfbf" |
|
|
|
|
}, { |
|
|
|
|
value: "#df7461" |
|
|
|
|
}, { |
|
|
|
|
value: "#cf7536" |
|
|
|
|
}, { |
|
|
|
|
value: "#e6b63b" |
|
|
|
|
}, { |
|
|
|
|
value: "#5b8a72" |
|
|
|
|
}, { |
|
|
|
|
value: "#3b9aa3" |
|
|
|
|
}, { |
|
|
|
|
value: "#336291" |
|
|
|
|
}, { |
|
|
|
|
value: "#58568f" |
|
|
|
|
}], |
|
|
|
|
[{ |
|
|
|
|
value: "#000000" |
|
|
|
|
}, { |
|
|
|
|
value: "#a1a1a1" |
|
|
|
|
}, { |
|
|
|
|
value: "#b55140" |
|
|
|
|
}, { |
|
|
|
|
value: "#a6713c" |
|
|
|
|
}, { |
|
|
|
|
value: "#ad975f" |
|
|
|
|
}, { |
|
|
|
|
value: "#5f7d6e" |
|
|
|
|
}, { |
|
|
|
|
value: "#3b7480" |
|
|
|
|
}, { |
|
|
|
|
value: "#425d78" |
|
|
|
|
}, { |
|
|
|
|
value: "#62608a" |
|
|
|
|
}] |
|
|
|
|
[ |
|
|
|
|
{ |
|
|
|
|
"value": "#999999" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFFFFF" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFE5E5" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFF1E5" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFF9E5" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#E9F5E9" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#EAEEFF" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#EFEBF7" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FCE8EF" |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
[ |
|
|
|
|
{ |
|
|
|
|
"value": "#737373" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#F2F2F2" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFA6A6" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFD0A6" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFEDA6" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#B3DCB2" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#B9C6FF" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#CABAE6" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#F8B1C9" |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
[ |
|
|
|
|
{ |
|
|
|
|
"value": "#4C4C4C" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#D9D9D9" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FF5959" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFA759" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFDD59" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#7EBE70" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#7B95FF" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#9C7FD0" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#F06D99" |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
[ |
|
|
|
|
{ |
|
|
|
|
"value": "#262626" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#BFBFBF" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FF0000" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FF7800" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#FFCB00" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#259B23" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#355CFF" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#673AB7" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#E91E63" |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
[ |
|
|
|
|
{ |
|
|
|
|
"value": "#000000" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#A6A6A6" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#A80000" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#B65600" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#CEB000" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#0E550C" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#09269C" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#3A1A73" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
"value": "#B30072" |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
], |
|
|
|
|
|
|
|
|
|
render: function () { |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
|
|
|
|
|
return { |
|
|
|
|
type: "bi.button_group", |
|
|
|
|
items: this._digest(o.items || this._items), |
|
|
|
|
layouts: [{ |
|
|
|
|
type: "bi.grid", |
|
|
|
|
}], |
|
|
|
|
layouts: [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.grid", |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
value: o.value, |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: BI.ButtonGroup.EVENT_CHANGE, |
|
|
|
|
action: function () { |
|
|
|
|
self.fireEvent(BI.HexColorPicker.EVENT_CHANGE, arguments); |
|
|
|
|
listeners: [ |
|
|
|
|
{ |
|
|
|
|
eventName: BI.ButtonGroup.EVENT_CHANGE, |
|
|
|
|
action: function () { |
|
|
|
|
self.fireEvent(BI.HexColorPicker.EVENT_CHANGE, arguments); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}], |
|
|
|
|
], |
|
|
|
|
ref: function (_ref) { |
|
|
|
|
self.colors = _ref; |
|
|
|
|
} |
|
|
|
|