From 62b9aa0326207798d1357d33cd9ec7ad3c4f53f5 Mon Sep 17 00:00:00 2001
From: zsmj <zsmj1994@gmail.com>
Date: Fri, 16 Dec 2022 11:19:42 +0800
Subject: [PATCH] =?UTF-8?q?KERNEL-13893=20feat:=20=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=99=A8=E9=BB=98=E8=AE=A4=E8=89=B2=E6=9D=BF?=
 =?UTF-8?q?=E5=80=99=E9=80=89=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../colorpicker/colorpicker.hex.js            | 261 +++++++++++-------
 1 file changed, 158 insertions(+), 103 deletions(-)

diff --git a/src/case/colorchooser/colorpicker/colorpicker.hex.js b/src/case/colorchooser/colorpicker/colorpicker.hex.js
index 993607841..8154b9c23 100644
--- 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;
             }