css-color-parser-h 3.0.0 → 3.0.2

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.
@@ -1,959 +0,0 @@
1
- /******/ (function() { // webpackBootstrap
2
- /******/ "use strict";
3
- /******/ // The require scope
4
- /******/ var __webpack_require__ = {};
5
- /******/
6
- /************************************************************************/
7
- /******/ /* webpack/runtime/compat get default export */
8
- /******/ !function() {
9
- /******/ // getDefaultExport function for compatibility with non-harmony modules
10
- /******/ __webpack_require__.n = function(module) {
11
- /******/ var getter = module && module.__esModule ?
12
- /******/ function() { return module['default']; } :
13
- /******/ function() { return module; };
14
- /******/ __webpack_require__.d(getter, { a: getter });
15
- /******/ return getter;
16
- /******/ };
17
- /******/ }();
18
- /******/
19
- /******/ /* webpack/runtime/define property getters */
20
- /******/ !function() {
21
- /******/ // define getter functions for harmony exports
22
- /******/ __webpack_require__.d = function(exports, definition) {
23
- /******/ for(var key in definition) {
24
- /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
- /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
- /******/ }
27
- /******/ }
28
- /******/ };
29
- /******/ }();
30
- /******/
31
- /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
- /******/ !function() {
33
- /******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
34
- /******/ }();
35
- /******/
36
- /******/ /* webpack/runtime/make namespace object */
37
- /******/ !function() {
38
- /******/ // define __esModule on exports
39
- /******/ __webpack_require__.r = function(exports) {
40
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
- /******/ }
43
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
- /******/ };
45
- /******/ }();
46
- /******/
47
- /************************************************************************/
48
- var __webpack_exports__ = {};
49
- // ESM COMPAT FLAG
50
- __webpack_require__.r(__webpack_exports__);
51
-
52
- // EXPORTS
53
- __webpack_require__.d(__webpack_exports__, {
54
- "CssColorParser": function() { return /* reexport */ src_CssColorParser; },
55
- "CssColorParserPlus": function() { return /* reexport */ src_CssColorParserPlus; }
56
- });
57
-
58
- ;// CONCATENATED MODULE: ./src/utils/common.ts
59
- var Check = /** @class */ (function () {
60
- function Check() {
61
- }
62
- Check.type = function (paramName, value, type) {
63
- var valueType = typeof value;
64
- if (valueType !== type) {
65
- throw new Error("Expected ".concat(paramName, " to be typeof ").concat(type, ", actual typeof was ").concat(valueType));
66
- }
67
- };
68
- Check.types = function (paramName, value, types) {
69
- var valueType = typeof value;
70
- var isContained = types.includes(valueType);
71
- if (!isContained) {
72
- throw new Error("Expected ".concat(paramName, " to be typeof ").concat(types.join('|'), ", actual typeof was ").concat(valueType));
73
- }
74
- };
75
- Check.numValue = function (paramName, value, min, max) {
76
- Check.numMinValue(paramName, value, min);
77
- Check.numMaxValue(paramName, value, max);
78
- };
79
- Check.numMinValue = function (paramName, value, min) {
80
- if (value < min) {
81
- throw new Error("Expected ".concat(paramName, " to > ").concat(min, ", actual value was ").concat(value));
82
- }
83
- };
84
- Check.numMaxValue = function (paramName, value, max) {
85
- if (value > max) {
86
- throw new Error("Expected ".concat(paramName, " to < ").concat(max, ", actual value was ").concat(value));
87
- }
88
- };
89
- Check.numIsInt = function (paramName, value, expectIsInt) {
90
- var isInt = Math.floor(value) === value;
91
- if (isInt !== expectIsInt) {
92
- throw new Error("Expected ".concat(paramName, " to ").concat(expectIsInt ? 'Integer' : 'Float', ", actual value was ").concat(isInt ? 'Integer' : 'Float'));
93
- }
94
- };
95
- return Check;
96
- }());
97
-
98
- var ColorJson = /** @class */ (function () {
99
- function ColorJson() {
100
- }
101
- return ColorJson;
102
- }());
103
-
104
- function defaultValue(v, defaultV) {
105
- if (v === undefined || v === null) {
106
- return defaultV;
107
- }
108
- if (isNaN(v) && typeof defaultV === 'number') {
109
- return defaultV;
110
- }
111
- return v;
112
- }
113
- function limitNumber(min, max, v) {
114
- if (v > max) {
115
- v = max;
116
- }
117
- else if (v < min) {
118
- v = min;
119
- }
120
- return v;
121
- }
122
- function setNumberPrecision(number, precision) {
123
- if (number === void 0) { number = 0; }
124
- var prec = Math.pow(10, precision);
125
- return Math.round(number * prec) / prec;
126
- }
127
-
128
- ;// CONCATENATED MODULE: ./src/utils/color-tools.ts
129
-
130
- /*
131
- * @Author: roman_123
132
- * @Description: 部分核心代码修改自cesium
133
- * @Date: 2022-11-28 17:32:57
134
- * @LastEditTime: 2022-12-06 00:02:21
135
- */
136
- var CssColorStringParser = /** @class */ (function () {
137
- function CssColorStringParser() {
138
- }
139
- // 去除字符串内所有空格
140
- CssColorStringParser.clearStrSpace = function (v) {
141
- return v.replace(/\s/g, '');
142
- };
143
- // 去除字符串两边空格,将中间多个空格合并为一个
144
- CssColorStringParser.trimStr = function (v) {
145
- v = v.replace(/\s+/g, ' ');
146
- return v.trim();
147
- };
148
- // 解析3位16进制 #fff #fff0
149
- CssColorStringParser.parse3BitsHEX = function (v) {
150
- var regx = /^#([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])?$/i;
151
- var res = regx.exec(v);
152
- if (res) {
153
- var res4 = defaultValue(res[4], 'f');
154
- var r = CssColorStringParser._parseResStrForRgb(parseInt(res[1] + res[1], 16));
155
- var g = CssColorStringParser._parseResStrForRgb(parseInt(res[2] + res[2], 16));
156
- var b = CssColorStringParser._parseResStrForRgb(parseInt(res[3] + res[3], 16));
157
- var a = CssColorStringParser._parsePercent(parseInt(res4 + res4, 16) / 255);
158
- return [r, g, b, a];
159
- }
160
- return null;
161
- };
162
- // 解析6位16进制 #ffffff #ffffff00
163
- CssColorStringParser.parse6BitsHEX = function (v) {
164
- var regx = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})?$/i;
165
- var res = regx.exec(v);
166
- if (res) {
167
- var res4 = defaultValue(res[4], 'ff');
168
- var r = CssColorStringParser._parseResStrForRgb(parseInt(res[1], 16));
169
- var g = CssColorStringParser._parseResStrForRgb(parseInt(res[2], 16));
170
- var b = CssColorStringParser._parseResStrForRgb(parseInt(res[3], 16));
171
- var a = CssColorStringParser._parsePercent(parseInt(res4, 16) / 255.0);
172
- return [r, g, b, a];
173
- }
174
- return null;
175
- };
176
- // 解析rgb rgba rgb(255,255,255) rgba(255,255,255,1) rgba(100%,100%,100%, 1)
177
- CssColorStringParser.parseRGBA = function (v) {
178
- var regx = /^rgba?\(([0-9.]+%?),([0-9.]+%?),([0-9.]+%?)(?:,([0-9.]+%?))?\)$/i;
179
- var res = regx.exec(v);
180
- if (res) {
181
- var r = CssColorStringParser._parseResStrForRgb(res[1]);
182
- var g = CssColorStringParser._parseResStrForRgb(res[2]);
183
- var b = CssColorStringParser._parseResStrForRgb(res[3]);
184
- var a = CssColorStringParser._parsePercent(res[4]);
185
- return [r, g, b, a];
186
- }
187
- return null;
188
- };
189
- // 解析hsl hsla hsl(360,100%,100%) hsla(360,100%,100%,1)
190
- CssColorStringParser.parseHSLA = function (v) {
191
- var regx = /^hsla?\(([0-9.]+)(?:deg)?,([0-9.]+%?),([0-9.]+%?)(?:,([0-9.]+%?))?\)$/i;
192
- var res = regx.exec(v);
193
- if (res) {
194
- var h = CssColorStringParser._parseResStrForHue(res[1]);
195
- var s = CssColorStringParser._parsePercent(res[2]);
196
- var l = CssColorStringParser._parsePercent(res[3]);
197
- var a = CssColorStringParser._parsePercent(res[4]);
198
- return [h, s, l, a];
199
- }
200
- return null;
201
- };
202
- // 解析hwb
203
- CssColorStringParser.parseHWB = function (v) {
204
- var regx = /^hwb\s?\(\s?([0-9.]+)(?:deg)?\s([0-9.]+%?)\s([0-9.]+%?)\s?(?:\/\s?([0-9.]+%?))?\s?\)$/i;
205
- var res = regx.exec(v);
206
- if (res) {
207
- var h = CssColorStringParser._parseResStrForHue(res[1]);
208
- var w = CssColorStringParser._parsePercent(res[2]);
209
- var b = CssColorStringParser._parsePercent(res[3]);
210
- var a = CssColorStringParser._parsePercent(res[4]);
211
- return [h, w, b, a];
212
- }
213
- return null;
214
- };
215
- // 解析rgb rgb(178 57 57 / 44%) 字符串中存在空格,因此使用清除两侧空格的原始字符串
216
- CssColorStringParser.parseRGBA2 = function (v) {
217
- var regx = /^rgba?\s?\(\s?([0-9.]+%?)\s?([0-9.]+%?)\s?([0-9.]+%?)(?:\s?\/\s?([0-9.]+%?))?\s?\)$/i;
218
- var res = regx.exec(v);
219
- if (res) {
220
- var r = CssColorStringParser._parseResStrForRgb(res[1]);
221
- var g = CssColorStringParser._parseResStrForRgb(res[2]);
222
- var b = CssColorStringParser._parseResStrForRgb(res[3]);
223
- var a = CssColorStringParser._parsePercent(res[4]);
224
- return [r, g, b, a];
225
- }
226
- return null;
227
- };
228
- // 解析hsl hsl(215 85% 62% / 1)
229
- CssColorStringParser.parseHSLA2 = function (v) {
230
- var regx = /^hsla?\s?\(\s?([0-9.]+)(?:deg)?\s([0-9.]+%?)\s([0-9.]+%?)\s?(?:\/\s?([0-9.]+%?))?\s?\)$/i;
231
- var res = regx.exec(v);
232
- if (res) {
233
- var h = CssColorStringParser._parseResStrForHue(res[1]);
234
- var s = CssColorStringParser._parsePercent(res[2]);
235
- var l = CssColorStringParser._parsePercent(res[3]);
236
- var a = CssColorStringParser._parsePercent(res[4]);
237
- return [h, s, l, a];
238
- }
239
- return null;
240
- };
241
- // 将结果解析为数字
242
- CssColorStringParser._parseResStrForRgb = function (v) {
243
- if (typeof v === 'string') {
244
- v = parseFloat(v) / ('%' === v.substr(-1) ? 100.0 / 255 : 1);
245
- }
246
- if (isNaN(v)) {
247
- v = 1;
248
- }
249
- return limitNumber(0, 255, v);
250
- };
251
- CssColorStringParser._parseResStrForHue = function (v) {
252
- if (typeof v === 'string') {
253
- v = parseFloat(v);
254
- }
255
- if (isNaN(v)) {
256
- v = 0;
257
- }
258
- return limitNumber(0, 360, v);
259
- };
260
- CssColorStringParser._parsePercent = function (v) {
261
- if (typeof v === 'string') {
262
- v = parseFloat(v) / ('%' === v.substr(-1) ? 100.0 : 1);
263
- }
264
- if (isNaN(v)) {
265
- v = 1;
266
- }
267
- return limitNumber(0, 1, v);
268
- };
269
- return CssColorStringParser;
270
- }());
271
-
272
-
273
- ;// CONCATENATED MODULE: ./src/CssColorParser.ts
274
- /*
275
- * @Descripttion: 颜色解析器(轻量)
276
- * @version: 1.0.0
277
- * @Author: roman_123
278
- * @Date: 2021-01-19 09:22:11
279
- * @LastEditors: Please set LastEditors
280
- * @LastEditTime: 2023-06-27 19:01:50
281
- */
282
-
283
-
284
- var CssColorParser = /** @class */ (function () {
285
- function CssColorParser(red, green, blue, alpha) {
286
- this.r = 255;
287
- this.g = 255;
288
- this.b = 255;
289
- this.a = 1;
290
- this._outColorPrecision = 2;
291
- this._outAlphaPrecision = 2;
292
- this.setColor(red, green, blue, alpha);
293
- }
294
- /**
295
- * @description: 设置CssColorParser实例输出的精度
296
- * @param {number} colorPrecision 输出颜色的精度
297
- * @param {number} outAlphaPrecision 输出透明度的精度
298
- * @return {CssColorParser}
299
- */
300
- CssColorParser.prototype.setOutPrecision = function (colorPrecision, outAlphaPrecision) {
301
- Check.type('colorPrecision', colorPrecision, 'number');
302
- Check.type('outAlphaPrecision', outAlphaPrecision, 'number');
303
- Check.numMinValue('colorPrecision', colorPrecision, 0);
304
- Check.numMinValue('outAlphaPrecision', outAlphaPrecision, 0);
305
- Check.numIsInt('colorPrecision', colorPrecision, true);
306
- Check.numIsInt('outAlphaPrecision', outAlphaPrecision, true);
307
- this._outColorPrecision = colorPrecision;
308
- this._outAlphaPrecision = outAlphaPrecision;
309
- return this;
310
- };
311
- /**
312
- * 设置颜色
313
- * @param red
314
- * @param green
315
- * @param blue
316
- * @param alpha
317
- * @example: this.setColor(255,255,255,1)
318
- */
319
- CssColorParser.prototype.setColor = function (red, green, blue, alpha) {
320
- this.r = limitNumber(0, 255, defaultValue(Number(red), 0));
321
- this.g = limitNumber(0, 255, defaultValue(Number(green), 0));
322
- this.b = limitNumber(0, 255, defaultValue(Number(blue), 0));
323
- this.a = limitNumber(0, 1, defaultValue(Number(alpha), 1));
324
- return this;
325
- };
326
- /**
327
- * @description: 设置透明度
328
- * @param {number} alpha
329
- * @return {CssColorParser}
330
- */
331
- CssColorParser.prototype.setAlpha = function (alpha) {
332
- this.a = limitNumber(0, 1, defaultValue(Number(alpha), 1));
333
- return this;
334
- };
335
- /**
336
- * @description: 设置红色值
337
- * @param {number} red
338
- * @return {CssColorParser}
339
- */
340
- CssColorParser.prototype.setRed = function (red) {
341
- this.r = limitNumber(0, 255, defaultValue(Number(red), 0));
342
- return this;
343
- };
344
- /**
345
- * @description: 设置绿色值
346
- * @param {number} green
347
- * @return {CssColorParser}
348
- */
349
- CssColorParser.prototype.setGreen = function (green) {
350
- this.g = limitNumber(0, 255, defaultValue(Number(green), 0));
351
- return this;
352
- };
353
- /**
354
- * @description: 设置蓝色值
355
- * @param {number} blue
356
- * @return {CssColorParser}
357
- */
358
- CssColorParser.prototype.setBlue = function (blue) {
359
- this.b = limitNumber(0, 255, defaultValue(Number(blue), 0));
360
- return this;
361
- };
362
- /**
363
- * @description: 返回rgba格式的css字符串
364
- * @return {string}
365
- */
366
- CssColorParser.prototype.toRGBA = function () {
367
- var color = this.toJson();
368
- if (color.a === 1) {
369
- return "rgb(".concat(color.r, ",").concat(color.g, ",").concat(color.b, ")");
370
- }
371
- return "rgba(".concat(color.r, ",").concat(color.g, ",").concat(color.b, ",").concat(color.a, ")");
372
- };
373
- /**
374
- * @description: 返回字符串
375
- * @return {string}
376
- */
377
- CssColorParser.prototype.toString = function () {
378
- return this.toRGBA();
379
- };
380
- /**
381
- * @description: 归一化
382
- * @return {array}
383
- */
384
- CssColorParser.prototype.toNormalize = function () {
385
- var r = setNumberPrecision(this.r / 255, this._outColorPrecision);
386
- var g = setNumberPrecision(this.g / 255, this._outColorPrecision);
387
- var b = setNumberPrecision(this.b / 255, this._outColorPrecision);
388
- var a = setNumberPrecision(this.a, this._outAlphaPrecision);
389
- return [r, g, b, a];
390
- };
391
- /**
392
- * @description: 返回16进制格式的css字符串
393
- * @return {string}
394
- */
395
- CssColorParser.prototype.toHEX = function () {
396
- var color = this.toJson();
397
- var r = color.r.toString(16);
398
- if (r.length < 2) {
399
- r = "0".concat(r);
400
- }
401
- var g = color.g.toString(16);
402
- if (g.length < 2) {
403
- g = "0".concat(g);
404
- }
405
- var b = color.b.toString(16);
406
- if (b.length < 2) {
407
- b = "0".concat(b);
408
- }
409
- // 由于tojson后a会丢失精度,此处使用this.a
410
- if (this.a < 1) {
411
- var hexAlpha = parseInt((this.a * 255).toFixed()).toString(16);
412
- if (hexAlpha.length < 2) {
413
- hexAlpha = "0".concat(hexAlpha);
414
- }
415
- return "#".concat(r).concat(g).concat(b).concat(hexAlpha);
416
- }
417
- return "#".concat(r).concat(g).concat(b);
418
- };
419
- /**
420
- * @description: 返回rgba数组
421
- * @return {array}
422
- */
423
- CssColorParser.prototype.toArray = function () {
424
- var color = this.toJson();
425
- return [color.r, color.g, color.b, color.a];
426
- };
427
- /**
428
- * @description: 返回ColorJson
429
- * @return {ColorJson}
430
- */
431
- CssColorParser.prototype.toJson = function () {
432
- return {
433
- r: setNumberPrecision(this.r, this._outColorPrecision),
434
- g: setNumberPrecision(this.g, this._outColorPrecision),
435
- b: setNumberPrecision(this.b, this._outColorPrecision),
436
- a: setNumberPrecision(this.a, this._outAlphaPrecision),
437
- };
438
- };
439
- /**
440
- * @description: 返回取反色后的新的实例
441
- * @return {CssColorParser}
442
- */
443
- CssColorParser.prototype.toInvert = function () {
444
- var r = 255 - this.r;
445
- var g = 255 - this.g;
446
- var b = 255 - this.b;
447
- var a = 1 - this.a;
448
- return new CssColorParser(r, g, b, a);
449
- };
450
- /**
451
- * @description: 拷贝
452
- * @return {CssColorParser}
453
- */
454
- CssColorParser.prototype.clone = function () {
455
- return new CssColorParser(this.r, this.g, this.b, this.a);
456
- };
457
- /**
458
- * @description: 比较两个解析对象的数据是否相等
459
- * @param {string} color
460
- * @return {boolean}
461
- */
462
- CssColorParser.prototype.equals = function (color) {
463
- if (this === color) {
464
- return true;
465
- }
466
- else {
467
- var json1 = this.toJson();
468
- var json2 = color.toJson();
469
- return (json1.r === json2.r &&
470
- json1.g === json2.g &&
471
- json1.b === json2.g &&
472
- json1.a === json2.a);
473
- }
474
- };
475
- /**
476
- * @description: 反色
477
- * @return {CssColorParser}
478
- */
479
- CssColorParser.prototype.setInvert = function () {
480
- this.r = 255 - this.r;
481
- this.g = 255 - this.g;
482
- this.b = 255 - this.b;
483
- this.a = 1 - this.a;
484
- return this;
485
- };
486
- /**
487
- * @description: 乘以倍数
488
- * @param {number} scalar
489
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
490
- * @return {CssColorParser}
491
- */
492
- CssColorParser.prototype.multiplyByScalar = function (scalar, isSetAlpha) {
493
- if (isSetAlpha === void 0) { isSetAlpha = true; }
494
- var r = this.r * scalar;
495
- var g = this.g * scalar;
496
- var b = this.b * scalar;
497
- var a = isSetAlpha ? this.a * scalar : this.a;
498
- return this.setColor(r, g, b, a);
499
- };
500
- /**
501
- * @description: 除以倍数
502
- * @param {number} scalar
503
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
504
- * @return {CssColorParser}
505
- */
506
- CssColorParser.prototype.divideByScalar = function (scalar, isSetAlpha) {
507
- if (isSetAlpha === void 0) { isSetAlpha = true; }
508
- var r = this.r / scalar;
509
- var g = this.g / scalar;
510
- var b = this.b / scalar;
511
- var a = isSetAlpha ? this.a / scalar : this.a;
512
- return this.setColor(r, g, b, a);
513
- };
514
- /**
515
- * @description: 实例相加
516
- * @param {CssColorParser} colorParser
517
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
518
- * @return {CssColorParser}
519
- */
520
- CssColorParser.prototype.add = function (colorParser, isSetAlpha) {
521
- if (isSetAlpha === void 0) { isSetAlpha = true; }
522
- var r = this.r + colorParser.r;
523
- var g = this.g + colorParser.g;
524
- var b = this.b + colorParser.b;
525
- var a = isSetAlpha ? this.a + colorParser.a : this.a;
526
- return this.setColor(r, g, b, a);
527
- };
528
- /**
529
- * @description: 实例相减
530
- * @param {CssColorParser} colorParser
531
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
532
- * @return {CssColorParser}
533
- */
534
- CssColorParser.prototype.subtract = function (colorParser, isSetAlpha) {
535
- if (isSetAlpha === void 0) { isSetAlpha = true; }
536
- var r = this.r - colorParser.r;
537
- var g = this.g - colorParser.g;
538
- var b = this.b - colorParser.b;
539
- var a = isSetAlpha ? this.a - colorParser.a : this.a;
540
- return this.setColor(r, g, b, a);
541
- };
542
- /**
543
- * @description: 实例相乘
544
- * @param {CssColorParser} colorParser
545
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
546
- * @return {CssColorParser}
547
- */
548
- CssColorParser.prototype.multiply = function (colorParser, isSetAlpha) {
549
- if (isSetAlpha === void 0) { isSetAlpha = true; }
550
- var r = this.r * colorParser.r;
551
- var g = this.g * colorParser.g;
552
- var b = this.b * colorParser.b;
553
- var a = isSetAlpha ? this.a * colorParser.a : this.a;
554
- return this.setColor(r, g, b, a);
555
- };
556
- /**
557
- * @description: 实例相除
558
- * @param {CssColorParser} colorParser
559
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
560
- * @return {CssColorParser}
561
- */
562
- CssColorParser.prototype.divide = function (colorParser, isSetAlpha) {
563
- if (isSetAlpha === void 0) { isSetAlpha = true; }
564
- var r = this.r / colorParser.r;
565
- var g = this.g / colorParser.g;
566
- var b = this.b / colorParser.b;
567
- var a = isSetAlpha ? this.a / colorParser.a : this.a;
568
- return this.setColor(r, g, b, a);
569
- };
570
- /**
571
- * @description: 颜色RGB加上数字
572
- * @param {number} num
573
- * @return {CssColorParser}
574
- */
575
- CssColorParser.prototype.addNumberForRGB = function (num) {
576
- this.r = this.r + num;
577
- this.g = this.g + num;
578
- this.b = this.b + num;
579
- return this;
580
- };
581
- /**
582
- * @description: 透明度加上数字
583
- * @param {number} num
584
- * @return {CssColorParser}
585
- */
586
- CssColorParser.prototype.addNumberForAlpha = function (num) {
587
- this.a = this.a + num;
588
- return this;
589
- };
590
- /**
591
- * @description: 解析16进制颜色
592
- * @param {string} v
593
- * @return {CssColorParser}
594
- * @example: CssColorParser.parseHEX('#FFF')
595
- */
596
- CssColorParser.parseHEX = function (v) {
597
- var cssStr = CssColorStringParser.clearStrSpace(v);
598
- var res = CssColorStringParser.parse3BitsHEX(cssStr);
599
- if (!res) {
600
- res = CssColorStringParser.parse6BitsHEX(cssStr);
601
- }
602
- return res && CssColorParser.fromArray(res);
603
- };
604
- /**
605
- * @description: 解析rgba、rgb颜色
606
- * @param {string} v
607
- * @return {CssColorParser}
608
- * @example: CssColorParser.parseRGBA('rgba(255,255,255,1)')
609
- */
610
- CssColorParser.parseRGBA = function (v) {
611
- var cssStr = CssColorStringParser.clearStrSpace(v);
612
- var res = CssColorStringParser.parseRGBA(cssStr);
613
- if (!res) {
614
- var cssStr2 = CssColorStringParser.trimStr(v);
615
- res = CssColorStringParser.parseRGBA2(cssStr2);
616
- }
617
- return res && CssColorParser.fromArray(res);
618
- };
619
- /**
620
- * @description: 将ColorJson格式的json数据转换为解析对象
621
- * @param {ColorJson} json
622
- * @return {CssColorParser}
623
- * @example: CssColorParser.fromJson({r: 255, g: 255, b: 255, a: 1})
624
- */
625
- CssColorParser.fromJson = function (json) {
626
- return new CssColorParser(json.r, json.g, json.b, json.a);
627
- };
628
- /**
629
- * @description: 将RGBA数组转换为解析对象
630
- * @param {Array} color
631
- * @return {CssColorParser}
632
- * @example: CssColorParser.fromArray([255,255,255,1])
633
- */
634
- CssColorParser.fromArray = function (color) {
635
- return new CssColorParser(color[0], color[1], color[2], color[3]);
636
- };
637
- /**
638
- * @description: 产生随机颜色
639
- * @return {CssColorParser}
640
- * @example: CssColorParser.fromRandom(new CssColorParser(0,0,0,0), new CssColorParser(255,255,255,1))
641
- */
642
- CssColorParser.fromRandom = function (color1, color2) {
643
- var r = Math.random() * Math.abs(color2.r - color1.r) +
644
- Math.min(color1.r, color2.r);
645
- var g = Math.random() * Math.abs(color2.g - color1.g) +
646
- Math.min(color1.g, color2.g);
647
- var b = Math.random() * Math.abs(color2.b - color1.b) +
648
- Math.min(color1.b, color2.b);
649
- var a = Math.random() * Math.abs(color2.a - color1.a) +
650
- Math.min(color1.a, color2.a);
651
- return new CssColorParser(r, g, b, a);
652
- };
653
- /**
654
- * @description: 颜色序列化数组转换为CssColorParser对象实例
655
- * @param {array} colorArr
656
- * @example: CssColorParser.fromNormaliz([1, 0, 0, 1])
657
- */
658
- CssColorParser.fromNormalize = function (colorArr) {
659
- var r = colorArr[0] * 255;
660
- var g = colorArr[1] * 255;
661
- var b = colorArr[2] * 255;
662
- var a = colorArr[3];
663
- return CssColorParser.fromArray([r, g, b, a]);
664
- };
665
- return CssColorParser;
666
- }());
667
- /* harmony default export */ var src_CssColorParser = (CssColorParser);
668
-
669
- ;// CONCATENATED MODULE: external "tslib"
670
- var external_tslib_namespaceObject = require("tslib");
671
- ;// CONCATENATED MODULE: external "color-convert"
672
- var external_color_convert_namespaceObject = require("color-convert");
673
- var external_color_convert_default = /*#__PURE__*/__webpack_require__.n(external_color_convert_namespaceObject);
674
- ;// CONCATENATED MODULE: ./src/CssColorParserPlus.ts
675
- /*
676
- * @Descripttion: 颜色解析器(增强)
677
- * @version: 1.0.0
678
- * @Author: roman_123
679
- * @Date: 2021-01-19 09:22:11
680
- * @LastEditors: Please set LastEditors
681
- * @LastEditTime: 2023-06-27 18:53:31
682
- */
683
-
684
-
685
-
686
-
687
-
688
- var CssColorParserPlus = /** @class */ (function (_super) {
689
- (0,external_tslib_namespaceObject.__extends)(CssColorParserPlus, _super);
690
- function CssColorParserPlus() {
691
- return _super !== null && _super.apply(this, arguments) || this;
692
- }
693
- /**
694
- * @description: 返回取反色后的新的实例
695
- * @return {CssColorParserPlus}
696
- */
697
- CssColorParserPlus.prototype.toInvert = function () {
698
- var r = 255 - this.r;
699
- var g = 255 - this.g;
700
- var b = 255 - this.b;
701
- var a = 1 - this.a;
702
- return new CssColorParserPlus(r, g, b, a);
703
- };
704
- /**
705
- * @description: 拷贝
706
- * @return {CssColorParserPlus}
707
- */
708
- CssColorParserPlus.prototype.clone = function () {
709
- return new CssColorParserPlus(this.r, this.g, this.b, this.a);
710
- };
711
- /**
712
- * @description: 比较两个解析对象的数据是否相等
713
- * @param {string} color
714
- * @return {boolean}
715
- */
716
- CssColorParserPlus.prototype.equals = function (color) {
717
- color = CssColorParserPlus.parseColor(color);
718
- if (this === color) {
719
- return true;
720
- }
721
- else {
722
- var json1 = this.toJson();
723
- var json2 = color.toJson();
724
- return (json1.r === json2.r &&
725
- json1.g === json2.g &&
726
- json1.b === json2.g &&
727
- json1.a === json2.a);
728
- }
729
- };
730
- /**
731
- * @description: 实例相加
732
- * @param {CssColorParser} colorParser
733
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
734
- * @return {CssColorParser}
735
- */
736
- CssColorParserPlus.prototype.add = function (color, isSetAlpha) {
737
- if (isSetAlpha === void 0) { isSetAlpha = true; }
738
- var colorParser = CssColorParserPlus.parseColor(color);
739
- return _super.prototype.add.call(this, colorParser, isSetAlpha);
740
- };
741
- /**
742
- * @description: 实例相减
743
- * @param {CssColorParser} colorParser
744
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
745
- * @return {CssColorParser}
746
- */
747
- CssColorParserPlus.prototype.subtract = function (color, isSetAlpha) {
748
- if (isSetAlpha === void 0) { isSetAlpha = true; }
749
- var colorParser = CssColorParserPlus.parseColor(color);
750
- return _super.prototype.subtract.call(this, colorParser, isSetAlpha);
751
- };
752
- /**
753
- * @description: 实例相乘
754
- * @param {CssColorParser} colorParser
755
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
756
- * @return {CssColorParser}
757
- */
758
- CssColorParserPlus.prototype.multiply = function (color, isSetAlpha) {
759
- if (isSetAlpha === void 0) { isSetAlpha = true; }
760
- var colorParser = CssColorParserPlus.parseColor(color);
761
- return _super.prototype.multiply.call(this, colorParser, isSetAlpha);
762
- };
763
- /**
764
- * @description: 实例相除
765
- * @param {CssColorParser} colorParser
766
- * @param {boolean} isSetAlpha 透明度值是否参与计算(默认:是)
767
- * @return {CssColorParser}
768
- */
769
- CssColorParserPlus.prototype.divide = function (color, isSetAlpha) {
770
- if (isSetAlpha === void 0) { isSetAlpha = true; }
771
- var colorParser = CssColorParserPlus.parseColor(color);
772
- return _super.prototype.divide.call(this, colorParser, isSetAlpha);
773
- };
774
- /**
775
- * @description: 解析css颜色
776
- * @param {string} v
777
- * @return {CssColorParserPlus}
778
- * @example: parseCssColorStr('rgba(255,255,255,1)')
779
- */
780
- CssColorParserPlus.parseColor = function (v) {
781
- if (v instanceof src_CssColorParser) {
782
- return v;
783
- }
784
- return CssColorParserPlus.parseCssColorStr(v);
785
- };
786
- /**
787
- * @description: 将css字符串转换为解析对象
788
- * @param {string} v
789
- * @return {CssColorParserPlus}
790
- * @example: parseCssColorStr('rgba(255,255,255,1)')
791
- */
792
- CssColorParserPlus.parseCssColorStr = function (v) {
793
- Check.type('color', v, 'string');
794
- return (CssColorParserPlus.parseHEX(v) ||
795
- CssColorParserPlus.parseRGBA(v) ||
796
- CssColorParserPlus.parseKeyWord(v) ||
797
- CssColorParserPlus.parseHSLA(v) ||
798
- CssColorParserPlus.parseHWB(v));
799
- };
800
- /**
801
- * @description: 解析颜色关键字
802
- * @param {string} v
803
- * @return {CssColorParserPlus}
804
- * @example: parseKeyWord('red')
805
- */
806
- CssColorParserPlus.parseKeyWord = function (v) {
807
- var cssStr = CssColorStringParser.clearStrSpace(v);
808
- var res = external_color_convert_default().keyword.rgb(cssStr);
809
- return res && CssColorParserPlus.fromArray(res);
810
- };
811
- /**
812
- * @description: 解析HSLA
813
- * @param {string} v
814
- * @return {CssColorParserPlus}
815
- * @example: parseHSLA('hsla(215,85%,62%,0.8)')
816
- */
817
- CssColorParserPlus.parseHSLA = function (v) {
818
- var cssStr = CssColorStringParser.clearStrSpace(v);
819
- var res = CssColorStringParser.parseHSLA(cssStr);
820
- if (!res) {
821
- var cssStr2 = CssColorStringParser.trimStr(v);
822
- res = CssColorStringParser.parseHSLA2(cssStr2);
823
- }
824
- return res && CssColorParserPlus.fromHSL(res[0], res[1], res[2], res[3]);
825
- };
826
- /**
827
- * @description: 解析HWB
828
- * @param {string} v
829
- * @return {CssColorParserPlus}
830
- * @example: parseHWB('hwb(215deg 30% 6% / 80%)')
831
- */
832
- CssColorParserPlus.parseHWB = function (v) {
833
- var cssStr2 = CssColorStringParser.trimStr(v);
834
- var res = CssColorStringParser.parseHWB(cssStr2);
835
- return res && CssColorParserPlus.fromHWB(res[0], res[1], res[2], res[3]);
836
- };
837
- /**
838
- * @description: 将HSL色彩模式转换为解析对象
839
- * @param {number} hue 色相
840
- * @param {number} saturation 饱和度
841
- * @param {number} lightness 亮度
842
- * @param {number} alpha 不透明度
843
- * @return {CssColorParserPlus}
844
- * @example: fromHSL(0,1,1,1)
845
- */
846
- CssColorParserPlus.fromHSL = function (h, s, l, a) {
847
- var res = external_color_convert_default().hsl.rgb(limitNumber(0, 360, h), limitNumber(0, 100, s * 100), limitNumber(0, 100, l * 100));
848
- return new CssColorParserPlus(res[0], res[1], res[2], defaultValue(Number(a), 1));
849
- };
850
- /**
851
- * @description: 将HWB色彩模式转换为解析对象
852
- * @param {number} h 色调
853
- * @param {number} w 白度
854
- * @param {number} b 黑度
855
- * @param {number} a 不透明度
856
- * @return {CssColorParserPlus}
857
- * @example: fromHSL(0,1,1,1)
858
- */
859
- CssColorParserPlus.fromHWB = function (h, w, b, a) {
860
- var res = external_color_convert_default().hwb.rgb(limitNumber(0, 360, h), limitNumber(0, 100, w * 100), limitNumber(0, 100, b * 100));
861
- return new CssColorParserPlus(res[0], res[1], res[2], defaultValue(Number(a), 1));
862
- };
863
- /**
864
- * @description: 解析16进制颜色
865
- * @param {string} v
866
- * @return {CssColorParserPlus}
867
- * @example: CssColorParserPlus.parseHEX('#FFF')
868
- */
869
- CssColorParserPlus.parseHEX = function (v) {
870
- var cssStr = CssColorStringParser.clearStrSpace(v);
871
- var res = CssColorStringParser.parse3BitsHEX(cssStr);
872
- if (!res) {
873
- res = CssColorStringParser.parse6BitsHEX(cssStr);
874
- }
875
- return res && CssColorParserPlus.fromArray(res);
876
- };
877
- /**
878
- * @description: 解析rgba、rgb颜色
879
- * @param {string} v
880
- * @return {CssColorParserPlus}
881
- * @example: CssColorParserPlus.parseRGBA('rgba(255,255,255,1)')
882
- */
883
- CssColorParserPlus.parseRGBA = function (v) {
884
- var cssStr = CssColorStringParser.clearStrSpace(v);
885
- var res = CssColorStringParser.parseRGBA(cssStr);
886
- if (!res) {
887
- var cssStr2 = CssColorStringParser.trimStr(v);
888
- res = CssColorStringParser.parseRGBA2(cssStr2);
889
- }
890
- return res && CssColorParserPlus.fromArray(res);
891
- };
892
- /**
893
- * @description: 将ColorJson格式的json数据转换为解析对象
894
- * @param {ColorJson} json
895
- * @return {CssColorParserPlus}
896
- * @example: CssColorParserPlus.fromJson({r: 255, g: 255, b: 255, a: 1})
897
- */
898
- CssColorParserPlus.fromJson = function (json) {
899
- return new CssColorParserPlus(json.r, json.g, json.b, json.a);
900
- };
901
- /**
902
- * @description: 将RGBA数组转换为解析对象
903
- * @param {Array} color
904
- * @return {CssColorParserPlus}
905
- * @example: CssColorParserPlus.fromArray([255,255,255,1])
906
- */
907
- CssColorParserPlus.fromArray = function (color) {
908
- return new CssColorParserPlus(color[0], color[1], color[2], color[3]);
909
- };
910
- /**
911
- * @description: 产生随机颜色
912
- * @return {CssColorParserPlus}
913
- * @example: CssColorParserPlus.fromRandom('black', new CssColorParserPlus(255,255,255,1))
914
- */
915
- CssColorParserPlus.fromRandom = function (color1, color2) {
916
- color1 = CssColorParserPlus.parseColor(color1);
917
- color2 = CssColorParserPlus.parseColor(color2);
918
- var r = Math.random() * Math.abs(color2.r - color1.r) +
919
- Math.min(color1.r, color2.r);
920
- var g = Math.random() * Math.abs(color2.g - color1.g) +
921
- Math.min(color1.g, color2.g);
922
- var b = Math.random() * Math.abs(color2.b - color1.b) +
923
- Math.min(color1.b, color2.b);
924
- var a = Math.random() * Math.abs(color2.a - color1.a) +
925
- Math.min(color1.a, color2.a);
926
- return new CssColorParserPlus(r, g, b, a);
927
- };
928
- /**
929
- * @description: 颜色序列化数组转换为CssColorParserPlus对象实例
930
- * @param {array} colorArr
931
- * @example: CssColorParserPlus.fromNormaliz([1, 0, 0, 1])
932
- */
933
- CssColorParserPlus.fromNormalize = function (colorArr) {
934
- var r = colorArr[0] * 255;
935
- var g = colorArr[1] * 255;
936
- var b = colorArr[2] * 255;
937
- var a = colorArr[3];
938
- return CssColorParserPlus.fromArray([r, g, b, a]);
939
- };
940
- return CssColorParserPlus;
941
- }(src_CssColorParser));
942
- /* harmony default export */ var src_CssColorParserPlus = (CssColorParserPlus);
943
-
944
- ;// CONCATENATED MODULE: ./src/main.ts
945
- /*
946
- * @Author: roman_123
947
- * @Description:
948
- * @Date: 2023-05-25 17:45:22
949
- * @LastEditTime: 2023-06-27 18:45:32
950
- */
951
-
952
-
953
-
954
-
955
- var __webpack_export_target__ = exports;
956
- for(var i in __webpack_exports__) __webpack_export_target__[i] = __webpack_exports__[i];
957
- if(__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, "__esModule", { value: true });
958
- /******/ })()
959
- ;