css-color-parser-h 2.0.3 → 3.0.0

package/dist/css-color-parser-h.common.js

@@ -52,37 +52,46 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   "CssColorParser": function() { return /* reexport */ src_CssColorParser; },
-  "fromArray": function() { return /* reexport */ fromArray; },
-  "fromColorStr": function() { return /* reexport */ fromColorStr; },
-  "fromHSL": function() { return /* reexport */ fromHSL; },
-  "fromHWB": function() { return /* reexport */ fromHWB; },
-  "fromJson": function() { return /* reexport */ fromJson; },
-  "fromRandom": function() { return /* reexport */ fromRandom; },
-  "parseCssColorStr": function() { return /* reexport */ parseCssColorStr; },
-  "parseHEX": function() { return /* reexport */ parseHEX; },
-  "parseHSLA": function() { return /* reexport */ parseHSLA; },
-  "parseHWB": function() { return /* reexport */ parseHWB; },
-  "parseKeyWord": function() { return /* reexport */ parseKeyWord; },
-  "parseRGBA": function() { return /* reexport */ parseRGBA; }
+  "CssColorParserPlus": function() { return /* reexport */ src_CssColorParserPlus; }
 });
 
 ;// CONCATENATED MODULE: ./src/utils/common.ts
 var Check = /** @class */ (function () {
     function Check() {
     }
-    Check.type = function (type, paramName, value) {
+    Check.type = function (paramName, value, type) {
         var valueType = typeof value;
         if (valueType !== type) {
             throw new Error("Expected ".concat(paramName, " to be typeof ").concat(type, ", actual typeof was ").concat(valueType));
         }
     };
-    Check.types = function (types, paramName, value) {
+    Check.types = function (paramName, value, types) {
         var valueType = typeof value;
         var isContained = types.includes(valueType);
         if (!isContained) {
             throw new Error("Expected ".concat(paramName, " to be typeof ").concat(types.join('|'), ", actual typeof was ").concat(valueType));
         }
     };
+    Check.numValue = function (paramName, value, min, max) {
+        Check.numMinValue(paramName, value, min);
+        Check.numMaxValue(paramName, value, max);
+    };
+    Check.numMinValue = function (paramName, value, min) {
+        if (value < min) {
+            throw new Error("Expected ".concat(paramName, " to > ").concat(min, ", actual value was ").concat(value));
+        }
+    };
+    Check.numMaxValue = function (paramName, value, max) {
+        if (value > max) {
+            throw new Error("Expected ".concat(paramName, " to < ").concat(max, ", actual value was ").concat(value));
+        }
+    };
+    Check.numIsInt = function (paramName, value, expectIsInt) {
+        var isInt = Math.floor(value) === value;
+        if (isInt !== expectIsInt) {
+            throw new Error("Expected ".concat(paramName, " to ").concat(expectIsInt ? 'Integer' : 'Float', ", actual value was ").concat(isInt ? 'Integer' : 'Float'));
+        }
+    };
     return Check;
 }());
 
@@ -111,7 +120,9 @@ function limitNumber(min, max, v) {
     return v;
 }
 function setNumberPrecision(number, precision) {
-    return Number(number.toFixed(precision));
+    if (number === void 0) { number = 0; }
+    var prec = Math.pow(10, precision);
+    return Math.round(number * prec) / prec;
 }
 
 ;// CONCATENATED MODULE: ./src/utils/color-tools.ts
@@ -261,12 +272,12 @@ var CssColorStringParser = /** @class */ (function () {
 
 ;// CONCATENATED MODULE: ./src/CssColorParser.ts
 /*
- * @Descripttion: 颜色解析器
+ * @Descripttion: 颜色解析器（轻量）
  * @version: 1.0.0
  * @Author: roman_123
  * @Date: 2021-01-19 09:22:11
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-05-26 15:59:40
+ * @LastEditTime: 2023-06-27 19:01:50
  */
 
 
@@ -276,8 +287,27 @@ var CssColorParser = /** @class */ (function () {
         this.g = 255;
         this.b = 255;
         this.a = 1;
+        this._outColorPrecision = 2;
+        this._outAlphaPrecision = 2;
         this.setColor(red, green, blue, alpha);
     }
+    /**
+     * @description: 设置CssColorParser实例输出的精度
+     * @param {number} colorPrecision 输出颜色的精度
+     * @param {number} outAlphaPrecision 输出透明度的精度
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.setOutPrecision = function (colorPrecision, outAlphaPrecision) {
+        Check.type('colorPrecision', colorPrecision, 'number');
+        Check.type('outAlphaPrecision', outAlphaPrecision, 'number');
+        Check.numMinValue('colorPrecision', colorPrecision, 0);
+        Check.numMinValue('outAlphaPrecision', outAlphaPrecision, 0);
+        Check.numIsInt('colorPrecision', colorPrecision, true);
+        Check.numIsInt('outAlphaPrecision', outAlphaPrecision, true);
+        this._outColorPrecision = colorPrecision;
+        this._outAlphaPrecision = outAlphaPrecision;
+        return this;
+    };
     /**
      * 设置颜色
      * @param red
@@ -291,11 +321,47 @@ var CssColorParser = /** @class */ (function () {
         this.g = limitNumber(0, 255, defaultValue(Number(green), 0));
         this.b = limitNumber(0, 255, defaultValue(Number(blue), 0));
         this.a = limitNumber(0, 1, defaultValue(Number(alpha), 1));
+        return this;
+    };
+    /**
+     * @description: 设置透明度
+     * @param {number} alpha
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.setAlpha = function (alpha) {
+        this.a = limitNumber(0, 1, defaultValue(Number(alpha), 1));
+        return this;
+    };
+    /**
+     * @description: 设置红色值
+     * @param {number} red
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.setRed = function (red) {
+        this.r = limitNumber(0, 255, defaultValue(Number(red), 0));
+        return this;
+    };
+    /**
+     * @description: 设置绿色值
+     * @param {number} green
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.setGreen = function (green) {
+        this.g = limitNumber(0, 255, defaultValue(Number(green), 0));
+        return this;
+    };
+    /**
+     * @description: 设置蓝色值
+     * @param {number} blue
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.setBlue = function (blue) {
+        this.b = limitNumber(0, 255, defaultValue(Number(blue), 0));
+        return this;
     };
     /**
      * @description: 返回rgba格式的css字符串
-     * @return {*}
-     * @author: roman_123
+     * @return {string}
      */
     CssColorParser.prototype.toRGBA = function () {
         var color = this.toJson();
@@ -306,29 +372,25 @@ var CssColorParser = /** @class */ (function () {
     };
     /**
      * @description: 返回字符串
-     * @return {*}
-     * @author: roman_123
+     * @return {string}
      */
     CssColorParser.prototype.toString = function () {
         return this.toRGBA();
     };
     /**
      * @description: 归一化
-     * @return {*}
-     * @author: roman_123
+     * @return {array}
      */
     CssColorParser.prototype.toNormalize = function () {
-        return {
-            r: setNumberPrecision(this.r / 255, 2),
-            g: setNumberPrecision(this.g / 255, 2),
-            b: setNumberPrecision(this.b / 255, 2),
-            a: setNumberPrecision(this.a, 2)
-        };
+        var r = setNumberPrecision(this.r / 255, this._outColorPrecision);
+        var g = setNumberPrecision(this.g / 255, this._outColorPrecision);
+        var b = setNumberPrecision(this.b / 255, this._outColorPrecision);
+        var a = setNumberPrecision(this.a, this._outAlphaPrecision);
+        return [r, g, b, a];
     };
     /**
      * @description: 返回16进制格式的css字符串
-     * @return {*}
-     * @author: roman_123
+     * @return {string}
      */
     CssColorParser.prototype.toHEX = function () {
         var color = this.toJson();
@@ -356,8 +418,7 @@ var CssColorParser = /** @class */ (function () {
     };
     /**
      * @description: 返回rgba数组
-     * @return {*}
-     * @author: roman_123
+     * @return {array}
      */
     CssColorParser.prototype.toArray = function () {
         var color = this.toJson();
@@ -365,47 +426,172 @@ var CssColorParser = /** @class */ (function () {
     };
     /**
      * @description: 返回ColorJson
-     * @return {*}
-     * @author: roman_123
+     * @return {ColorJson}
      */
     CssColorParser.prototype.toJson = function () {
         return {
-            r: parseInt(this.r.toFixed()),
-            g: parseInt(this.g.toFixed()),
-            b: parseInt(this.b.toFixed()),
-            a: parseFloat(this.a.toFixed(2))
+            r: setNumberPrecision(this.r, this._outColorPrecision),
+            g: setNumberPrecision(this.g, this._outColorPrecision),
+            b: setNumberPrecision(this.b, this._outColorPrecision),
+            a: setNumberPrecision(this.a, this._outAlphaPrecision),
         };
     };
+    /**
+     * @description: 返回取反色后的新的实例
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.toInvert = function () {
+        var r = 255 - this.r;
+        var g = 255 - this.g;
+        var b = 255 - this.b;
+        var a = 1 - this.a;
+        return new CssColorParser(r, g, b, a);
+    };
     /**
      * @description: 拷贝
-     * @return {*}
-     * @author: roman_123
+     * @return {CssColorParser}
      */
     CssColorParser.prototype.clone = function () {
         return new CssColorParser(this.r, this.g, this.b, this.a);
     };
     /**
      * @description: 比较两个解析对象的数据是否相等
-     * @param {*} color
-     * @return {*}
-     * @author: roman_123
+     * @param {string} color
+     * @return {boolean}
      */
     CssColorParser.prototype.equals = function (color) {
         if (this === color) {
             return true;
         }
         else {
-            return (this.r === color.r &&
-                this.g === color.g &&
-                this.b === color.g &&
-                this.a === color.a);
+            var json1 = this.toJson();
+            var json2 = color.toJson();
+            return (json1.r === json2.r &&
+                json1.g === json2.g &&
+                json1.b === json2.g &&
+                json1.a === json2.a);
         }
     };
+    /**
+     * @description: 反色
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.setInvert = function () {
+        this.r = 255 - this.r;
+        this.g = 255 - this.g;
+        this.b = 255 - this.b;
+        this.a = 1 - this.a;
+        return this;
+    };
+    /**
+     * @description: 乘以倍数
+     * @param {number} scalar
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.multiplyByScalar = function (scalar, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var r = this.r * scalar;
+        var g = this.g * scalar;
+        var b = this.b * scalar;
+        var a = isSetAlpha ? this.a * scalar : this.a;
+        return this.setColor(r, g, b, a);
+    };
+    /**
+     * @description: 除以倍数
+     * @param {number} scalar
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.divideByScalar = function (scalar, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var r = this.r / scalar;
+        var g = this.g / scalar;
+        var b = this.b / scalar;
+        var a = isSetAlpha ? this.a / scalar : this.a;
+        return this.setColor(r, g, b, a);
+    };
+    /**
+     * @description: 实例相加
+     * @param {CssColorParser} colorParser
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.add = function (colorParser, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var r = this.r + colorParser.r;
+        var g = this.g + colorParser.g;
+        var b = this.b + colorParser.b;
+        var a = isSetAlpha ? this.a + colorParser.a : this.a;
+        return this.setColor(r, g, b, a);
+    };
+    /**
+     * @description: 实例相减
+     * @param {CssColorParser} colorParser
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.subtract = function (colorParser, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var r = this.r - colorParser.r;
+        var g = this.g - colorParser.g;
+        var b = this.b - colorParser.b;
+        var a = isSetAlpha ? this.a - colorParser.a : this.a;
+        return this.setColor(r, g, b, a);
+    };
+    /**
+     * @description: 实例相乘
+     * @param {CssColorParser} colorParser
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.multiply = function (colorParser, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var r = this.r * colorParser.r;
+        var g = this.g * colorParser.g;
+        var b = this.b * colorParser.b;
+        var a = isSetAlpha ? this.a * colorParser.a : this.a;
+        return this.setColor(r, g, b, a);
+    };
+    /**
+     * @description: 实例相除
+     * @param {CssColorParser} colorParser
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.divide = function (colorParser, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var r = this.r / colorParser.r;
+        var g = this.g / colorParser.g;
+        var b = this.b / colorParser.b;
+        var a = isSetAlpha ? this.a / colorParser.a : this.a;
+        return this.setColor(r, g, b, a);
+    };
+    /**
+     * @description: 颜色RGB加上数字
+     * @param {number} num
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.addNumberForRGB = function (num) {
+        this.r = this.r + num;
+        this.g = this.g + num;
+        this.b = this.b + num;
+        return this;
+    };
+    /**
+     * @description: 透明度加上数字
+     * @param {number} num
+     * @return {CssColorParser}
+     */
+    CssColorParser.prototype.addNumberForAlpha = function (num) {
+        this.a = this.a + num;
+        return this;
+    };
     /**
      * @description: 解析16进制颜色
      * @param {string} v
      * @return {CssColorParser}
-     * @example: parseHEX('#FFF')
+     * @example: CssColorParser.parseHEX('#FFF')
      */
     CssColorParser.parseHEX = function (v) {
         var cssStr = CssColorStringParser.clearStrSpace(v);
@@ -419,7 +605,7 @@ var CssColorParser = /** @class */ (function () {
      * @description: 解析rgba、rgb颜色
      * @param {string} v
      * @return {CssColorParser}
-     * @example: parseRGBA('rgba(255,255,255,1)')
+     * @example: CssColorParser.parseRGBA('rgba(255,255,255,1)')
      */
     CssColorParser.parseRGBA = function (v) {
         var cssStr = CssColorStringParser.clearStrSpace(v);
@@ -434,7 +620,7 @@ var CssColorParser = /** @class */ (function () {
      * @description: 将ColorJson格式的json数据转换为解析对象
      * @param {ColorJson} json
      * @return {CssColorParser}
-     * @example: fromJson({r: 255, g: 255, b: 255, a: 1})
+     * @example: CssColorParser.fromJson({r: 255, g: 255, b: 255, a: 1})
      */
     CssColorParser.fromJson = function (json) {
         return new CssColorParser(json.r, json.g, json.b, json.a);
@@ -443,7 +629,7 @@ var CssColorParser = /** @class */ (function () {
      * @description: 将RGBA数组转换为解析对象
      * @param {Array} color
      * @return {CssColorParser}
-     * @example: fromJson([255,255,255,1])
+     * @example: CssColorParser.fromArray([255,255,255,1])
      */
     CssColorParser.fromArray = function (color) {
         return new CssColorParser(color[0], color[1], color[2], color[3]);
@@ -451,7 +637,7 @@ var CssColorParser = /** @class */ (function () {
     /**
      * @description: 产生随机颜色
      * @return {CssColorParser}
-     * @example: fromRandom(new CssColorParser(0,0,0,0), new CssColorParser(255,255,255,1))
+     * @example: CssColorParser.fromRandom(new CssColorParser(0,0,0,0), new CssColorParser(255,255,255,1))
      */
     CssColorParser.fromRandom = function (color1, color2) {
         var r = Math.random() * Math.abs(color2.r - color1.r) +
@@ -464,182 +650,303 @@ var CssColorParser = /** @class */ (function () {
             Math.min(color1.a, color2.a);
         return new CssColorParser(r, g, b, a);
     };
+    /**
+     * @description: 颜色序列化数组转换为CssColorParser对象实例
+     * @param {array} colorArr
+     * @example: CssColorParser.fromNormaliz([1, 0, 0, 1])
+     */
+    CssColorParser.fromNormalize = function (colorArr) {
+        var r = colorArr[0] * 255;
+        var g = colorArr[1] * 255;
+        var b = colorArr[2] * 255;
+        var a = colorArr[3];
+        return CssColorParser.fromArray([r, g, b, a]);
+    };
     return CssColorParser;
 }());
 /* harmony default export */ var src_CssColorParser = (CssColorParser);
 
+;// CONCATENATED MODULE: external "tslib"
+var external_tslib_namespaceObject = require("tslib");
 ;// CONCATENATED MODULE: external "color-convert"
 var external_color_convert_namespaceObject = require("color-convert");
 var external_color_convert_default = /*#__PURE__*/__webpack_require__.n(external_color_convert_namespaceObject);
-;// CONCATENATED MODULE: ./src/utils/parsers.ts
+;// CONCATENATED MODULE: ./src/CssColorParserPlus.ts
+/*
+ * @Descripttion: 颜色解析器（增强）
+ * @version: 1.0.0
+ * @Author: roman_123
+ * @Date: 2021-01-19 09:22:11
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2023-06-27 18:53:31
+ */
 
 
 
 
-/**
- * @description: 解析颜色关键字
- * @param {string} v
- * @return {CssColorParser}
- * @example: parseKeyWord('red')
- */
-function parseKeyWord(v) {
-    var cssStr = CssColorStringParser.clearStrSpace(v);
-    var res = external_color_convert_default().keyword.rgb(cssStr);
-    return res && fromArray(res);
-}
-/**
- * @description: 解析16进制字符串
- * @param {string} v
- * @return {CssColorParser}
- * @example: parseHEX('#FFF')
- */
-function parseHEX(v) {
-    var cssStr = CssColorStringParser.clearStrSpace(v);
-    var res = CssColorStringParser.parse3BitsHEX(cssStr);
-    if (!res) {
-        res = CssColorStringParser.parse6BitsHEX(cssStr);
-    }
-    return res && fromArray(res);
-}
-/**
- * @description: 解析RGBA
- * @param {string} v
- * @return {CssColorParser}
- * @example: parseRGBA('rgba(255,255,255,1)')
- */
-function parseRGBA(v) {
-    var cssStr = CssColorStringParser.clearStrSpace(v);
-    var res = CssColorStringParser.parseRGBA(cssStr);
-    if (!res) {
-        var cssStr2 = CssColorStringParser.trimStr(v);
-        res = CssColorStringParser.parseRGBA2(cssStr2);
+
+var CssColorParserPlus = /** @class */ (function (_super) {
+    (0,external_tslib_namespaceObject.__extends)(CssColorParserPlus, _super);
+    function CssColorParserPlus() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    return res && fromArray(res);
-}
-/**
- * @description: 解析HSLA
- * @param {string} v
- * @return {CssColorParser}
- * @example: parseHSLA('hsla(215,85%,62%,0.8)')
- */
-function parseHSLA(v) {
-    var cssStr = CssColorStringParser.clearStrSpace(v);
-    var res = CssColorStringParser.parseHSLA(cssStr);
-    if (!res) {
+    /**
+     * @description: 返回取反色后的新的实例
+     * @return {CssColorParserPlus}
+     */
+    CssColorParserPlus.prototype.toInvert = function () {
+        var r = 255 - this.r;
+        var g = 255 - this.g;
+        var b = 255 - this.b;
+        var a = 1 - this.a;
+        return new CssColorParserPlus(r, g, b, a);
+    };
+    /**
+     * @description: 拷贝
+     * @return {CssColorParserPlus}
+     */
+    CssColorParserPlus.prototype.clone = function () {
+        return new CssColorParserPlus(this.r, this.g, this.b, this.a);
+    };
+    /**
+     * @description: 比较两个解析对象的数据是否相等
+     * @param {string} color
+     * @return {boolean}
+     */
+    CssColorParserPlus.prototype.equals = function (color) {
+        color = CssColorParserPlus.parseColor(color);
+        if (this === color) {
+            return true;
+        }
+        else {
+            var json1 = this.toJson();
+            var json2 = color.toJson();
+            return (json1.r === json2.r &&
+                json1.g === json2.g &&
+                json1.b === json2.g &&
+                json1.a === json2.a);
+        }
+    };
+    /**
+     * @description: 实例相加
+     * @param {CssColorParser} colorParser
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParserPlus.prototype.add = function (color, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var colorParser = CssColorParserPlus.parseColor(color);
+        return _super.prototype.add.call(this, colorParser, isSetAlpha);
+    };
+    /**
+     * @description: 实例相减
+     * @param {CssColorParser} colorParser
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParserPlus.prototype.subtract = function (color, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var colorParser = CssColorParserPlus.parseColor(color);
+        return _super.prototype.subtract.call(this, colorParser, isSetAlpha);
+    };
+    /**
+     * @description: 实例相乘
+     * @param {CssColorParser} colorParser
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParserPlus.prototype.multiply = function (color, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var colorParser = CssColorParserPlus.parseColor(color);
+        return _super.prototype.multiply.call(this, colorParser, isSetAlpha);
+    };
+    /**
+     * @description: 实例相除
+     * @param {CssColorParser} colorParser
+     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
+     * @return {CssColorParser}
+     */
+    CssColorParserPlus.prototype.divide = function (color, isSetAlpha) {
+        if (isSetAlpha === void 0) { isSetAlpha = true; }
+        var colorParser = CssColorParserPlus.parseColor(color);
+        return _super.prototype.divide.call(this, colorParser, isSetAlpha);
+    };
+    /**
+     * @description: 解析css颜色
+     * @param {string} v
+     * @return {CssColorParserPlus}
+     * @example: parseCssColorStr('rgba(255,255,255,1)')
+     */
+    CssColorParserPlus.parseColor = function (v) {
+        if (v instanceof src_CssColorParser) {
+            return v;
+        }
+        return CssColorParserPlus.parseCssColorStr(v);
+    };
+    /**
+     * @description: 将css字符串转换为解析对象
+     * @param {string} v
+     * @return {CssColorParserPlus}
+     * @example: parseCssColorStr('rgba(255,255,255,1)')
+     */
+    CssColorParserPlus.parseCssColorStr = function (v) {
+        Check.type('color', v, 'string');
+        return (CssColorParserPlus.parseHEX(v) ||
+            CssColorParserPlus.parseRGBA(v) ||
+            CssColorParserPlus.parseKeyWord(v) ||
+            CssColorParserPlus.parseHSLA(v) ||
+            CssColorParserPlus.parseHWB(v));
+    };
+    /**
+     * @description: 解析颜色关键字
+     * @param {string} v
+     * @return {CssColorParserPlus}
+     * @example: parseKeyWord('red')
+     */
+    CssColorParserPlus.parseKeyWord = function (v) {
+        var cssStr = CssColorStringParser.clearStrSpace(v);
+        var res = external_color_convert_default().keyword.rgb(cssStr);
+        return res && CssColorParserPlus.fromArray(res);
+    };
+    /**
+     * @description: 解析HSLA
+     * @param {string} v
+     * @return {CssColorParserPlus}
+     * @example: parseHSLA('hsla(215,85%,62%,0.8)')
+     */
+    CssColorParserPlus.parseHSLA = function (v) {
+        var cssStr = CssColorStringParser.clearStrSpace(v);
+        var res = CssColorStringParser.parseHSLA(cssStr);
+        if (!res) {
+            var cssStr2 = CssColorStringParser.trimStr(v);
+            res = CssColorStringParser.parseHSLA2(cssStr2);
+        }
+        return res && CssColorParserPlus.fromHSL(res[0], res[1], res[2], res[3]);
+    };
+    /**
+     * @description: 解析HWB
+     * @param {string} v
+     * @return {CssColorParserPlus}
+     * @example: parseHWB('hwb(215deg 30% 6% / 80%)')
+     */
+    CssColorParserPlus.parseHWB = function (v) {
         var cssStr2 = CssColorStringParser.trimStr(v);
-        res = CssColorStringParser.parseHSLA2(cssStr2);
-    }
-    return res && fromHSL(res[0], res[1], res[2], res[3]);
-}
-/**
- * @description: 解析HWB
- * @param {string} v
- * @return {CssColorParser}
- * @example: parseHWB('hwb(215deg 30% 6% / 80%)')
- */
-function parseHWB(v) {
-    var cssStr2 = CssColorStringParser.trimStr(v);
-    var res = CssColorStringParser.parseHWB(cssStr2);
-    return res && fromHWB(res[0], res[1], res[2], res[3]);
-}
-/**
- * @description: 将css字符串转换为解析对象
- * @param {string} v
- * @return {CssColorParser}
- * @example: parseCssColorStr('rgba(255,255,255,1)')
- */
-function parseCssColorStr(v) {
-    Check.type('string', 'color', v);
-    return parseHEX(v) || parseRGBA(v) || parseKeyWord(v) || parseHSLA(v) || parseHWB(v);
-}
-/**
- * **Deprecated method.** Use `parseCssColorStr()` instead.
- * @description: since 2.0.1
- * @deprecated
- * @param {string} v
- * @return {CssColorParser}
- * @example: fromColorStr('rgba(255,255,255,1)')
- */
-function fromColorStr(v) {
-    Check.type('string', 'color', v);
-    return parseHEX(v) || parseRGBA(v) || parseKeyWord(v) || parseHSLA(v) || parseHWB(v);
-}
-/**
- * @description: 将HSL色彩模式转换为解析对象
- * @param {number} hue 色相
- * @param {number} saturation 饱和度
- * @param {number} lightness 亮度
- * @param {number} alpha 不透明度
- * @return {CssColorParser}
- * @example: fromHSL(0,1,1,1)
- */
-function fromHSL(h, s, l, a) {
-    var res = external_color_convert_default().hsl.rgb(limitNumber(0, 360, h), limitNumber(0, 100, s * 100), limitNumber(0, 100, l * 100));
-    return new src_CssColorParser(res[0], res[1], res[2], defaultValue(Number(a), 1));
-}
-/**
- * @description: 将HWB色彩模式转换为解析对象
- * @param {number} h 色调
- * @param {number} w 白度
- * @param {number} b 黑度
- * @param {number} a 不透明度
- * @return {CssColorParser}
- * @example: fromHSL(0,1,1,1)
- */
-function fromHWB(h, w, b, a) {
-    var res = external_color_convert_default().hwb.rgb(limitNumber(0, 360, h), limitNumber(0, 100, w * 100), limitNumber(0, 100, b * 100));
-    return new src_CssColorParser(res[0], res[1], res[2], defaultValue(Number(a), 1));
-}
-/**
- * @description: 产生随机颜色
- * @return {CssColorParser}
- * @example: fromRandom('#000', ''#fff)
- */
-function fromRandom(color1, color2) {
-    if (typeof color1 === 'string') {
-        color1 = parseCssColorStr(color1);
-    }
-    if (typeof color2 === 'string') {
-        color2 = parseCssColorStr(color2);
-    }
-    if (!color1 || !color2) {
-        throw new Error('fail to create object from random');
-    }
-    var r = Math.random() * Math.abs(color2.r - color1.r) +
-        Math.min(color1.r, color2.r);
-    var g = Math.random() * Math.abs(color2.g - color1.g) +
-        Math.min(color1.g, color2.g);
-    var b = Math.random() * Math.abs(color2.b - color1.b) +
-        Math.min(color1.b, color2.b);
-    var a = Math.random() * Math.abs(color2.a - color1.a) +
-        Math.min(color1.a, color2.a);
-    return new src_CssColorParser(r, g, b, a);
-}
-/**
- * @description: 将ColorJson格式的json数据转换为解析对象
- * @param {ColorJson} json
- * @return {CssColorParser}
- * @author: roman_123
- */
-function fromJson(json) {
-    return new src_CssColorParser(json.r, json.g, json.b, json.a);
-}
-/**
- * @description: 将rgba数组转换为解析对象
- * @param {Array} color
- * @return {CssColorParser}
- * @author: roman_123
- */
-function fromArray(color) {
-    return new src_CssColorParser(color[0], color[1], color[2], color[3]);
-}
+        var res = CssColorStringParser.parseHWB(cssStr2);
+        return res && CssColorParserPlus.fromHWB(res[0], res[1], res[2], res[3]);
+    };
+    /**
+     * @description: 将HSL色彩模式转换为解析对象
+     * @param {number} hue 色相
+     * @param {number} saturation 饱和度
+     * @param {number} lightness 亮度
+     * @param {number} alpha 不透明度
+     * @return {CssColorParserPlus}
+     * @example: fromHSL(0,1,1,1)
+     */
+    CssColorParserPlus.fromHSL = function (h, s, l, a) {
+        var res = external_color_convert_default().hsl.rgb(limitNumber(0, 360, h), limitNumber(0, 100, s * 100), limitNumber(0, 100, l * 100));
+        return new CssColorParserPlus(res[0], res[1], res[2], defaultValue(Number(a), 1));
+    };
+    /**
+     * @description: 将HWB色彩模式转换为解析对象
+     * @param {number} h 色调
+     * @param {number} w 白度
+     * @param {number} b 黑度
+     * @param {number} a 不透明度
+     * @return {CssColorParserPlus}
+     * @example: fromHSL(0,1,1,1)
+     */
+    CssColorParserPlus.fromHWB = function (h, w, b, a) {
+        var res = external_color_convert_default().hwb.rgb(limitNumber(0, 360, h), limitNumber(0, 100, w * 100), limitNumber(0, 100, b * 100));
+        return new CssColorParserPlus(res[0], res[1], res[2], defaultValue(Number(a), 1));
+    };
+    /**
+     * @description: 解析16进制颜色
+     * @param {string} v
+     * @return {CssColorParserPlus}
+     * @example: CssColorParserPlus.parseHEX('#FFF')
+     */
+    CssColorParserPlus.parseHEX = function (v) {
+        var cssStr = CssColorStringParser.clearStrSpace(v);
+        var res = CssColorStringParser.parse3BitsHEX(cssStr);
+        if (!res) {
+            res = CssColorStringParser.parse6BitsHEX(cssStr);
+        }
+        return res && CssColorParserPlus.fromArray(res);
+    };
+    /**
+     * @description: 解析rgba、rgb颜色
+     * @param {string} v
+     * @return {CssColorParserPlus}
+     * @example: CssColorParserPlus.parseRGBA('rgba(255,255,255,1)')
+     */
+    CssColorParserPlus.parseRGBA = function (v) {
+        var cssStr = CssColorStringParser.clearStrSpace(v);
+        var res = CssColorStringParser.parseRGBA(cssStr);
+        if (!res) {
+            var cssStr2 = CssColorStringParser.trimStr(v);
+            res = CssColorStringParser.parseRGBA2(cssStr2);
+        }
+        return res && CssColorParserPlus.fromArray(res);
+    };
+    /**
+     * @description: 将ColorJson格式的json数据转换为解析对象
+     * @param {ColorJson} json
+     * @return {CssColorParserPlus}
+     * @example: CssColorParserPlus.fromJson({r: 255, g: 255, b: 255, a: 1})
+     */
+    CssColorParserPlus.fromJson = function (json) {
+        return new CssColorParserPlus(json.r, json.g, json.b, json.a);
+    };
+    /**
+     * @description: 将RGBA数组转换为解析对象
+     * @param {Array} color
+     * @return {CssColorParserPlus}
+     * @example: CssColorParserPlus.fromArray([255,255,255,1])
+     */
+    CssColorParserPlus.fromArray = function (color) {
+        return new CssColorParserPlus(color[0], color[1], color[2], color[3]);
+    };
+    /**
+     * @description: 产生随机颜色
+     * @return {CssColorParserPlus}
+     * @example: CssColorParserPlus.fromRandom('black', new CssColorParserPlus(255,255,255,1))
+     */
+    CssColorParserPlus.fromRandom = function (color1, color2) {
+        color1 = CssColorParserPlus.parseColor(color1);
+        color2 = CssColorParserPlus.parseColor(color2);
+        var r = Math.random() * Math.abs(color2.r - color1.r) +
+            Math.min(color1.r, color2.r);
+        var g = Math.random() * Math.abs(color2.g - color1.g) +
+            Math.min(color1.g, color2.g);
+        var b = Math.random() * Math.abs(color2.b - color1.b) +
+            Math.min(color1.b, color2.b);
+        var a = Math.random() * Math.abs(color2.a - color1.a) +
+            Math.min(color1.a, color2.a);
+        return new CssColorParserPlus(r, g, b, a);
+    };
+    /**
+     * @description: 颜色序列化数组转换为CssColorParserPlus对象实例
+     * @param {array} colorArr
+     * @example: CssColorParserPlus.fromNormaliz([1, 0, 0, 1])
+     */
+    CssColorParserPlus.fromNormalize = function (colorArr) {
+        var r = colorArr[0] * 255;
+        var g = colorArr[1] * 255;
+        var b = colorArr[2] * 255;
+        var a = colorArr[3];
+        return CssColorParserPlus.fromArray([r, g, b, a]);
+    };
+    return CssColorParserPlus;
+}(src_CssColorParser));
+/* harmony default export */ var src_CssColorParserPlus = (CssColorParserPlus);
 
 ;// CONCATENATED MODULE: ./src/main.ts
 /*
  * @Author: roman_123
  * @Description:
  * @Date: 2023-05-25 17:45:22
- * @LastEditTime: 2023-05-26 15:54:02
+ * @LastEditTime: 2023-06-27 18:45:32
  */