css-color-parser-h 3.0.4 → 3.0.6

package/lib/css-color-parser-h.esm.js

@@ -0,0 +1,933 @@
+import convert from 'color-convert';
+
+var Check = /** @class */ (function () {
+    function Check() {
+    }
+    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 (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;
+}());
+function defaultValue(v, defaultV) {
+    if (v === undefined || v === null) {
+        return defaultV;
+    }
+    if (isNaN(v) && typeof defaultV === 'number') {
+        return defaultV;
+    }
+    return v;
+}
+function limitNumber(min, max, v) {
+    if (v > max) {
+        v = max;
+    }
+    else if (v < min) {
+        v = min;
+    }
+    return v;
+}
+function setNumberPrecision(number, precision) {
+    if (number === void 0) { number = 0; }
+    var prec = Math.pow(10, precision);
+    return Math.round(number * prec) / prec;
+}
+
+/*
+ * @Author: roman_123
+ * @Description: 部分核心代码修改自cesium
+ * @Date: 2022-11-28 17:32:57
+ * @LastEditTime: 2022-12-06 00:02:21
+ */
+var CssColorStringParser = /** @class */ (function () {
+    function CssColorStringParser() {
+    }
+    // 去除字符串内所有空格
+    CssColorStringParser.clearStrSpace = function (v) {
+        return v.replace(/\s/g, '');
+    };
+    // 去除字符串两边空格,将中间多个空格合并为一个
+    CssColorStringParser.trimStr = function (v) {
+        v = v.replace(/\s+/g, ' ');
+        return v.trim();
+    };
+    // 解析3位16进制 #fff #fff0 
+    CssColorStringParser.parse3BitsHEX = function (v) {
+        var regx = /^#([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])?$/i;
+        var res = regx.exec(v);
+        if (res) {
+            var res4 = defaultValue(res[4], 'f');
+            var r = CssColorStringParser._parseResStrForRgb(parseInt(res[1] + res[1], 16));
+            var g = CssColorStringParser._parseResStrForRgb(parseInt(res[2] + res[2], 16));
+            var b = CssColorStringParser._parseResStrForRgb(parseInt(res[3] + res[3], 16));
+            var a = CssColorStringParser._parsePercent(parseInt(res4 + res4, 16) / 255);
+            return [r, g, b, a];
+        }
+        return null;
+    };
+    // 解析6位16进制 #ffffff #ffffff00
+    CssColorStringParser.parse6BitsHEX = function (v) {
+        var regx = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})?$/i;
+        var res = regx.exec(v);
+        if (res) {
+            var res4 = defaultValue(res[4], 'ff');
+            var r = CssColorStringParser._parseResStrForRgb(parseInt(res[1], 16));
+            var g = CssColorStringParser._parseResStrForRgb(parseInt(res[2], 16));
+            var b = CssColorStringParser._parseResStrForRgb(parseInt(res[3], 16));
+            var a = CssColorStringParser._parsePercent(parseInt(res4, 16) / 255.0);
+            return [r, g, b, a];
+        }
+        return null;
+    };
+    // 解析rgb rgba  rgb(255,255,255) rgba(255,255,255,1) rgba(100%,100%,100%, 1)
+    CssColorStringParser.parseRGBA = function (v) {
+        var regx = /^rgba?\(([0-9.]+%?),([0-9.]+%?),([0-9.]+%?)(?:,([0-9.]+%?))?\)$/i;
+        var res = regx.exec(v);
+        if (res) {
+            var r = CssColorStringParser._parseResStrForRgb(res[1]);
+            var g = CssColorStringParser._parseResStrForRgb(res[2]);
+            var b = CssColorStringParser._parseResStrForRgb(res[3]);
+            var a = CssColorStringParser._parsePercent(res[4]);
+            return [r, g, b, a];
+        }
+        return null;
+    };
+    // 解析hsl hsla  hsl(360,100%,100%) hsla(360,100%,100%,1)
+    CssColorStringParser.parseHSLA = function (v) {
+        var regx = /^hsla?\(([0-9.]+)(?:deg)?,([0-9.]+%?),([0-9.]+%?)(?:,([0-9.]+%?))?\)$/i;
+        var res = regx.exec(v);
+        if (res) {
+            var h = CssColorStringParser._parseResStrForHue(res[1]);
+            var s = CssColorStringParser._parsePercent(res[2]);
+            var l = CssColorStringParser._parsePercent(res[3]);
+            var a = CssColorStringParser._parsePercent(res[4]);
+            return [h, s, l, a];
+        }
+        return null;
+    };
+    // 解析hwb
+    CssColorStringParser.parseHWB = function (v) {
+        var regx = /^hwb\s?\(\s?([0-9.]+)(?:deg)?\s([0-9.]+%?)\s([0-9.]+%?)\s?(?:\/\s?([0-9.]+%?))?\s?\)$/i;
+        var res = regx.exec(v);
+        if (res) {
+            var h = CssColorStringParser._parseResStrForHue(res[1]);
+            var w = CssColorStringParser._parsePercent(res[2]);
+            var b = CssColorStringParser._parsePercent(res[3]);
+            var a = CssColorStringParser._parsePercent(res[4]);
+            return [h, w, b, a];
+        }
+        return null;
+    };
+    // 解析rgb rgb(178 57 57 / 44%) 字符串中存在空格，因此使用清除两侧空格的原始字符串
+    CssColorStringParser.parseRGBA2 = function (v) {
+        var regx = /^rgba?\s?\(\s?([0-9.]+%?)\s?([0-9.]+%?)\s?([0-9.]+%?)(?:\s?\/\s?([0-9.]+%?))?\s?\)$/i;
+        var res = regx.exec(v);
+        if (res) {
+            var r = CssColorStringParser._parseResStrForRgb(res[1]);
+            var g = CssColorStringParser._parseResStrForRgb(res[2]);
+            var b = CssColorStringParser._parseResStrForRgb(res[3]);
+            var a = CssColorStringParser._parsePercent(res[4]);
+            return [r, g, b, a];
+        }
+        return null;
+    };
+    // 解析hsl hsl(215 85% 62% / 1)
+    CssColorStringParser.parseHSLA2 = function (v) {
+        var regx = /^hsla?\s?\(\s?([0-9.]+)(?:deg)?\s([0-9.]+%?)\s([0-9.]+%?)\s?(?:\/\s?([0-9.]+%?))?\s?\)$/i;
+        var res = regx.exec(v);
+        if (res) {
+            var h = CssColorStringParser._parseResStrForHue(res[1]);
+            var s = CssColorStringParser._parsePercent(res[2]);
+            var l = CssColorStringParser._parsePercent(res[3]);
+            var a = CssColorStringParser._parsePercent(res[4]);
+            return [h, s, l, a];
+        }
+        return null;
+    };
+    // 将结果解析为数字
+    CssColorStringParser._parseResStrForRgb = function (v) {
+        if (typeof v === 'string') {
+            v = parseFloat(v) / ('%' === v.substr(-1) ? 100.0 / 255 : 1);
+        }
+        if (isNaN(v)) {
+            v = 1;
+        }
+        return limitNumber(0, 255, v);
+    };
+    CssColorStringParser._parseResStrForHue = function (v) {
+        if (typeof v === 'string') {
+            v = parseFloat(v);
+        }
+        if (isNaN(v)) {
+            v = 0;
+        }
+        return limitNumber(0, 360, v);
+    };
+    CssColorStringParser._parsePercent = function (v) {
+        if (typeof v === 'string') {
+            v = parseFloat(v) / ('%' === v.substr(-1) ? 100.0 : 1);
+        }
+        if (isNaN(v)) {
+            v = 1;
+        }
+        return limitNumber(0, 1, v);
+    };
+    return CssColorStringParser;
+}());
+
+/*
+ * @Descripttion: 颜色解析器（轻量）
+ * @version: 1.0.0
+ * @Author: roman_123
+ * @Date: 2021-01-19 09:22:11
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2023-06-27 19:01:50
+ */
+var CssColorParser = /** @class */ (function () {
+    function CssColorParser(red, green, blue, alpha) {
+        this.r = 255;
+        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
+     * @param green
+     * @param blue
+     * @param alpha
+     * @example: this.setColor(255,255,255,1)
+     */
+    CssColorParser.prototype.setColor = function (red, green, blue, alpha, isLimit) {
+        if (isLimit === void 0) { isLimit = true; }
+        if (isLimit) {
+            this.r = limitNumber(0, 255, defaultValue(Number(red), 0));
+            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));
+        }
+        else {
+            this.r = defaultValue(Number(red), 0);
+            this.g = defaultValue(Number(green), 0);
+            this.b = defaultValue(Number(blue), 0);
+            this.a = defaultValue(Number(alpha), 1);
+        }
+        return this;
+    };
+    /**
+     * 设置颜色到范围内
+     * @example: this.limitColor()
+     */
+    CssColorParser.prototype.limitColor = function () {
+        return this.setColor(this.r, this.g, this.b, this.a, true);
+    };
+    /**
+     * @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 {string}
+     */
+    CssColorParser.prototype.toRGBA = function () {
+        var color = this.toJson();
+        if (color.a === 1) {
+            return "rgb(".concat(color.r, ",").concat(color.g, ",").concat(color.b, ")");
+        }
+        return "rgba(".concat(color.r, ",").concat(color.g, ",").concat(color.b, ",").concat(color.a, ")");
+    };
+    /**
+     * @description: 返回字符串
+     * @return {string}
+     */
+    CssColorParser.prototype.toString = function () {
+        return this.toRGBA();
+    };
+    /**
+     * @description: 归一化
+     * @return {array}
+     */
+    CssColorParser.prototype.toNormalize = function () {
+        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 {string}
+     */
+    CssColorParser.prototype.toHEX = function () {
+        var color = this.toJson();
+        var r = color.r.toString(16);
+        if (r.length < 2) {
+            r = "0".concat(r);
+        }
+        var g = color.g.toString(16);
+        if (g.length < 2) {
+            g = "0".concat(g);
+        }
+        var b = color.b.toString(16);
+        if (b.length < 2) {
+            b = "0".concat(b);
+        }
+        // 由于tojson后a会丢失精度，此处使用this.a
+        if (this.a < 1) {
+            var hexAlpha = parseInt((this.a * 255).toFixed()).toString(16);
+            if (hexAlpha.length < 2) {
+                hexAlpha = "0".concat(hexAlpha);
+            }
+            return "#".concat(r).concat(g).concat(b).concat(hexAlpha);
+        }
+        return "#".concat(r).concat(g).concat(b);
+    };
+    /**
+     * @description: 返回rgba数组
+     * @return {array}
+     */
+    CssColorParser.prototype.toArray = function () {
+        var color = this.toJson();
+        return [color.r, color.g, color.b, color.a];
+    };
+    /**
+     * @description: 返回ColorJson
+     * @return {ColorJson}
+     */
+    CssColorParser.prototype.toJson = function () {
+        return {
+            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 {CssColorParser}
+     */
+    CssColorParser.prototype.clone = function () {
+        return new CssColorParser(this.r, this.g, this.b, this.a);
+    };
+    /**
+     * @description: 比较两个解析对象的数据是否相等
+     * @param {string} color
+     * @return {boolean}
+     */
+    CssColorParser.prototype.equals = function (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: 反色
+     * @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, false);
+    };
+    /**
+     * @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, false);
+    };
+    /**
+     * @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, false);
+    };
+    /**
+     * @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, false);
+    };
+    /**
+     * @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, false);
+    };
+    /**
+     * @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, false);
+    };
+    /**
+     * @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: CssColorParser.parseHEX('#FFF')
+     */
+    CssColorParser.parseHEX = function (v) {
+        var cssStr = CssColorStringParser.clearStrSpace(v);
+        var res = CssColorStringParser.parse3BitsHEX(cssStr);
+        if (!res) {
+            res = CssColorStringParser.parse6BitsHEX(cssStr);
+        }
+        return res && CssColorParser.fromArray(res);
+    };
+    /**
+     * @description: 解析rgba、rgb颜色
+     * @param {string} v
+     * @return {CssColorParser}
+     * @example: CssColorParser.parseRGBA('rgba(255,255,255,1)')
+     */
+    CssColorParser.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 && CssColorParser.fromArray(res);
+    };
+    /**
+     * @description: 将ColorJson格式的json数据转换为解析对象
+     * @param {ColorJson} json
+     * @return {CssColorParser}
+     * @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);
+    };
+    /**
+     * @description: 将RGBA数组转换为解析对象
+     * @param {Array} color
+     * @return {CssColorParser}
+     * @example: CssColorParser.fromArray([255,255,255,1])
+     */
+    CssColorParser.fromArray = function (color) {
+        return new CssColorParser(color[0], color[1], color[2], color[3]);
+    };
+    /**
+     * @description: 产生随机颜色
+     * @return {CssColorParser}
+     * @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) +
+            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 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;
+}());
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var CssColorParserPlus = /** @class */ (function (_super) {
+    __extends(CssColorParserPlus, _super);
+    function CssColorParserPlus() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * @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 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 = convert.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);
+        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 = convert.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 = convert.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]);
+    };
+    /**
+     * @description: 获取颜色插值
+     * @param opt ColorLerpOpt
+     * @param value number
+     * @returns {CssColorParserPlus}
+     * @example: CssColorParserPlus.lerp({0: "rgba(255, 255, 0, 1)",0.5: "rgba(0, 255, 0, 1)",1: "rgba(255, 0, 0, 1)"}, 0.8)
+     */
+    CssColorParserPlus.lerp = function (opt, value) {
+        var keys = Object.keys(opt).map(function (k) { return Number(k); });
+        keys.sort(function (a, b) { return a - b; });
+        for (var i = 0; i < keys.length; i++) {
+            if (value <= keys[i]) {
+                var last = keys[i - 1];
+                var next = keys[i];
+                if (last === undefined) {
+                    return CssColorParserPlus.parseColor(opt[next]);
+                }
+                else {
+                    var ratio = (value - last) / (next - last);
+                    var color1 = CssColorParserPlus.parseColor(opt[last]);
+                    var color2 = CssColorParserPlus.parseColor(opt[next]);
+                    return color2.subtract(color1).multiplyByScalar(ratio).add(color1);
+                }
+            }
+        }
+        return CssColorParserPlus.parseColor(opt[keys[keys.length - 1]]).limitColor();
+    };
+    return CssColorParserPlus;
+}(CssColorParser));
+
+export { CssColorParser, CssColorParserPlus };