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

2 years ago · 62b9aa0326
1 changed files with 158 additions and 103 deletions
--- a/src/case/colorchooser/colorpicker/colorpicker.hex.js
+++ b/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: [{
-                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;
            }