@agentscope-ai/design 1.0.19-beta.1765957449539 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/antd/themes/generateTheme.js +29 -30
- package/package.json +1 -1
|
@@ -48,11 +48,11 @@ var rgbToHex = function rgbToHex(r, g, b) {
|
|
|
48
48
|
* RGB 转 HSL
|
|
49
49
|
*/
|
|
50
50
|
var rgbToHsl = function rgbToHsl(r, g, b) {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
var max = Math.max(
|
|
55
|
-
min = Math.min(
|
|
51
|
+
r /= 255;
|
|
52
|
+
g /= 255;
|
|
53
|
+
b /= 255;
|
|
54
|
+
var max = Math.max(r, g, b),
|
|
55
|
+
min = Math.min(r, g, b);
|
|
56
56
|
var h,
|
|
57
57
|
s,
|
|
58
58
|
l = (max + min) / 2;
|
|
@@ -62,14 +62,14 @@ var rgbToHsl = function rgbToHsl(r, g, b) {
|
|
|
62
62
|
var d = max - min;
|
|
63
63
|
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
64
64
|
switch (max) {
|
|
65
|
-
case
|
|
66
|
-
h = ((
|
|
65
|
+
case r:
|
|
66
|
+
h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
|
|
67
67
|
break;
|
|
68
|
-
case
|
|
69
|
-
h = ((
|
|
68
|
+
case g:
|
|
69
|
+
h = ((b - r) / d + 2) / 6;
|
|
70
70
|
break;
|
|
71
|
-
case
|
|
72
|
-
h = ((
|
|
71
|
+
case b:
|
|
72
|
+
h = ((r - g) / d + 4) / 6;
|
|
73
73
|
break;
|
|
74
74
|
default:
|
|
75
75
|
h = 0;
|
|
@@ -86,27 +86,26 @@ var rgbToHsl = function rgbToHsl(r, g, b) {
|
|
|
86
86
|
* HSL 转 RGB
|
|
87
87
|
*/
|
|
88
88
|
var hslToRgb = function hslToRgb(h, s, l) {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
89
|
+
h /= 360;
|
|
90
|
+
s /= 100;
|
|
91
|
+
l /= 100;
|
|
92
92
|
var r, g, b;
|
|
93
|
-
if (
|
|
94
|
-
r = g = b =
|
|
93
|
+
if (s === 0) {
|
|
94
|
+
r = g = b = l;
|
|
95
95
|
} else {
|
|
96
96
|
var hue2rgb = function hue2rgb(p, q, t) {
|
|
97
|
-
|
|
98
|
-
if (
|
|
99
|
-
if (
|
|
100
|
-
if (tt < 1 / 6) return p + (q - p) * 6 * tt;
|
|
97
|
+
if (t < 0) t += 1;
|
|
98
|
+
if (t > 1) t -= 1;
|
|
99
|
+
if (t < 1 / 6) return p + (q - p) * 6 * t;
|
|
101
100
|
if (t < 1 / 2) return q;
|
|
102
|
-
if (
|
|
101
|
+
if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
|
|
103
102
|
return p;
|
|
104
103
|
};
|
|
105
|
-
var q =
|
|
106
|
-
var p = 2 *
|
|
107
|
-
r = hue2rgb(p, q,
|
|
108
|
-
g = hue2rgb(p, q,
|
|
109
|
-
b = hue2rgb(p, q,
|
|
104
|
+
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
|
|
105
|
+
var p = 2 * l - q;
|
|
106
|
+
r = hue2rgb(p, q, h + 1 / 3);
|
|
107
|
+
g = hue2rgb(p, q, h);
|
|
108
|
+
b = hue2rgb(p, q, h - 1 / 3);
|
|
110
109
|
}
|
|
111
110
|
return {
|
|
112
111
|
r: Math.round(r * 255),
|
|
@@ -178,15 +177,15 @@ var generateTheme = function generateTheme(_ref) {
|
|
|
178
177
|
textBaseHex = _ref.textBaseHex,
|
|
179
178
|
_ref$darkMode = _ref.darkMode,
|
|
180
179
|
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode;
|
|
181
|
-
|
|
182
|
-
|
|
180
|
+
bgBaseHex = bgBaseHex || (darkMode ? '#000000' : '#ffffff');
|
|
181
|
+
textBaseHex = textBaseHex || (darkMode ? '#E7E7ED' : '#1a1a1a');
|
|
183
182
|
var rgb = hexToRgb(primaryHex);
|
|
184
183
|
if (!rgb) return null;
|
|
185
184
|
var hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);
|
|
186
185
|
|
|
187
186
|
// 获取背景色和文本色的 RGB 和 HSL
|
|
188
|
-
var bgBaseRgb = hexToRgb(
|
|
189
|
-
var textBaseRgb = hexToRgb(
|
|
187
|
+
var bgBaseRgb = hexToRgb(bgBaseHex);
|
|
188
|
+
var textBaseRgb = hexToRgb(textBaseHex);
|
|
190
189
|
var bgBaseHsl = bgBaseRgb ? rgbToHsl(bgBaseRgb.r, bgBaseRgb.g, bgBaseRgb.b) : {
|
|
191
190
|
h: 210,
|
|
192
191
|
s: 8,
|