Browse Source

KERNEL-13893 feat: 颜色选择器默认色板候选调整

research/test
zsmj 2 years ago
parent
commit
62b9aa0326
  1. 253
      src/case/colorchooser/colorpicker/colorpicker.hex.js

253
src/case/colorchooser/colorpicker/colorpicker.hex.js

@ -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: [{
layouts: [
{
type: "bi.grid",
}],
}
],
value: o.value,
listeners: [{
listeners: [
{
eventName: BI.ButtonGroup.EVENT_CHANGE,
action: function () {
self.fireEvent(BI.HexColorPicker.EVENT_CHANGE, arguments);
}
}],
}
],
ref: function (_ref) {
self.colors = _ref;
}

Loading…
Cancel
Save