css-color-parser-h 2.0.0 → 2.0.2

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

@@ -1 +1 @@
-!function(){"use strict";var r={819:function(r){r.exports=require("color-convert")}},t={};function e(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return r[n](a,a.exports,e),a.exports}e.d=function(r,t){for(var n in t)e.o(t,n)&&!e.o(r,n)&&Object.defineProperty(r,n,{enumerable:!0,get:t[n]})},e.o=function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},e.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})};var n={};!function(){e.r(n),e.d(n,{CssColorParser:function(){return s},fromArray:function(){return _},fromColorStr:function(){return h},fromHSL:function(){return S},fromHWB:function(){return v},fromJson:function(){return R},fromRandom:function(){return y},parseCssColorStr:function(){return l},parseHEX:function(){return p},parseHSLA:function(){return b},parseHWB:function(){return g},parseKeyWord:function(){return u},parseRGBA:function(){return f}});var r=function(){function r(){}return r.type=function(r,t,e){var n=typeof e;if(n!==r)throw new Error("Expected ".concat(t," to be typeof ").concat(r,", actual typeof was ").concat(n))},r.types=function(r,t,e){var n=typeof e;if(!r.includes(n))throw new Error("Expected ".concat(t," to be typeof ").concat(r.join("|"),", actual typeof was ").concat(n))},r}();function t(r,t){return null==r||isNaN(r)&&"number"==typeof t?t:r}function o(r,t,e){return e>t?e=t:e<r&&(e=r),e}function a(r,t){return Number(r.toFixed(t))}var s=function(){function r(r,t,e,n){this.r=255,this.g=255,this.b=255,this.a=1,this.setColor(r,t,e,n)}return r.prototype.setColor=function(r,e,n,a){this.r=o(0,255,t(Number(r),0)),this.g=o(0,255,t(Number(e),0)),this.b=o(0,255,t(Number(n),0)),this.a=o(0,1,t(Number(a),1))},r.prototype.toRGBA=function(){var r=this.toJson();return 1===r.a?"rgb(".concat(r.r,",").concat(r.g,",").concat(r.b,")"):"rgba(".concat(r.r,",").concat(r.g,",").concat(r.b,",").concat(r.a,")")},r.prototype.toString=function(){return this.toRGBA()},r.prototype.toNormalize=function(){return{r:a(this.r/255,2),g:a(this.g/255,2),b:a(this.b/255,2),a:a(this.a,2)}},r.prototype.toHEX=function(){var r=this.toJson(),t=r.r.toString(16);t.length<2&&(t="0".concat(t));var e=r.g.toString(16);e.length<2&&(e="0".concat(e));var n=r.b.toString(16);if(n.length<2&&(n="0".concat(n)),this.a<1){var o=parseInt((255*this.a).toFixed()).toString(16);return o.length<2&&(o="0".concat(o)),"#".concat(t).concat(e).concat(n).concat(o)}return"#".concat(t).concat(e).concat(n)},r.prototype.toArray=function(){var r=this.toJson();return[r.r,r.g,r.b,r.a]},r.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.prototype.clone=function(){return new r(this.r,this.g,this.b,this.a)},r.prototype.equals=function(r){return this===r||this.r===r.r&&this.g===r.g&&this.b===r.g&&this.a===r.a},r}(),c=function(){function r(){}return r.clearStrSpace=function(r){return r.replace(/\s/g,"")},r.trimStr=function(r){return(r=r.replace(/\s+/g," ")).trim()},r.parse3BitsHEX=function(e){var n=/^#([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])?$/i.exec(e);if(n){var o=t(n[4],"f");return[r._parseResStrForRgb(parseInt(n[1]+n[1],16)),r._parseResStrForRgb(parseInt(n[2]+n[2],16)),r._parseResStrForRgb(parseInt(n[3]+n[3],16)),r._parsePercent(parseInt(o+o,16)/255)]}return null},r.parse6BitsHEX=function(e){var n=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})?$/i.exec(e);if(n){var o=t(n[4],"ff");return[r._parseResStrForRgb(parseInt(n[1],16)),r._parseResStrForRgb(parseInt(n[2],16)),r._parseResStrForRgb(parseInt(n[3],16)),r._parsePercent(parseInt(o,16)/255)]}return null},r.parseRGBA=function(t){var e=/^rgba?\(([0-9.]+%?),([0-9.]+%?),([0-9.]+%?)(?:,([0-9.]+%?))?\)$/i.exec(t);return e?[r._parseResStrForRgb(e[1]),r._parseResStrForRgb(e[2]),r._parseResStrForRgb(e[3]),r._parsePercent(e[4])]:null},r.parseHSLA=function(t){var e=/^hsla?\(([0-9.]+)(?:deg)?,([0-9.]+%?),([0-9.]+%?)(?:,([0-9.]+%?))?\)$/i.exec(t);return e?[r._parseResStrForHue(e[1]),r._parsePercent(e[2]),r._parsePercent(e[3]),r._parsePercent(e[4])]:null},r.parseHWB=function(t){var e=/^hwb\s?\(\s?([0-9.]+)(?:deg)?\s([0-9.]+%?)\s([0-9.]+%?)\s?(?:\/\s?([0-9.]+%?))?\s?\)$/i.exec(t);return e?[r._parseResStrForHue(e[1]),r._parsePercent(e[2]),r._parsePercent(e[3]),r._parsePercent(e[4])]:null},r.parseRGBA2=function(t){var e=/^rgba?\s?\(\s?([0-9.]+%?)\s?([0-9.]+%?)\s?([0-9.]+%?)(?:\s?\/\s?([0-9.]+%?))?\s?\)$/i.exec(t);return e?[r._parseResStrForRgb(e[1]),r._parseResStrForRgb(e[2]),r._parseResStrForRgb(e[3]),r._parsePercent(e[4])]:null},r.parseHSLA2=function(t){var e=/^hsla?\s?\(\s?([0-9.]+)(?:deg)?\s([0-9.]+%?)\s([0-9.]+%?)\s?(?:\/\s?([0-9.]+%?))?\s?\)$/i.exec(t);return e?[r._parseResStrForHue(e[1]),r._parsePercent(e[2]),r._parsePercent(e[3]),r._parsePercent(e[4])]:null},r._parseResStrForRgb=function(r){return"string"==typeof r&&(r=parseFloat(r)/("%"===r.substr(-1)?100/255:1)),isNaN(r)&&(r=1),o(0,255,r)},r._parseResStrForHue=function(r){return"string"==typeof r&&(r=parseFloat(r)),isNaN(r)&&(r=0),o(0,360,r)},r._parsePercent=function(r){return"string"==typeof r&&(r=parseFloat(r)/("%"===r.substr(-1)?100:1)),isNaN(r)&&(r=1),o(0,1,r)},r}(),i=e(819);function u(r){var t=c.clearStrSpace(r),e=i.keyword.rgb(t);return e&&_(e)}function p(r){var t=c.clearStrSpace(r),e=c.parse3BitsHEX(t);return e||(e=c.parse6BitsHEX(t)),e&&_(e)}function f(r){var t=c.clearStrSpace(r),e=c.parseRGBA(t);if(!e){var n=c.trimStr(r);e=c.parseRGBA2(n)}return e&&_(e)}function b(r){var t=c.clearStrSpace(r),e=c.parseHSLA(t);if(!e){var n=c.trimStr(r);e=c.parseHSLA2(n)}return e&&S(e[0],e[1],e[2],e[3])}function g(r){var t=c.trimStr(r),e=c.parseHWB(t);return e&&v(e[0],e[1],e[2],e[3])}function l(t){return r.type("string","color",t),p(t)||f(t)||u(t)||b(t)||g(t)}function h(t){return r.type("string","color",t),p(t)||f(t)||u(t)||b(t)||g(t)}function S(r,e,n,a){var c=i.hsl.rgb(o(0,360,r),o(0,100,100*e),o(0,100,100*n));return new s(c[0],c[1],c[2],t(Number(a),1))}function v(r,e,n,a){var c=i.hwb.rgb(o(0,360,r),o(0,100,100*e),o(0,100,100*n));return new s(c[0],c[1],c[2],t(Number(a),1))}function y(r,t){if("string"==typeof r&&(r=l(r)),"string"==typeof t&&(t=l(t)),!r||!t)throw new Error("fail to create object from random");var e=Math.random()*Math.abs(t.r-r.r)+Math.min(r.r,t.r),n=Math.random()*Math.abs(t.g-r.g)+Math.min(r.g,t.g),o=Math.random()*Math.abs(t.b-r.b)+Math.min(r.b,t.b),a=Math.random()*Math.abs(t.a-r.a)+Math.min(r.a,t.a);return new s(e,n,o,a)}function R(r){return new s(r.r,r.g,r.b,r.a)}function _(r){return new s(r[0],r[1],r[2],r[3])}}();var o=exports;for(var a in n)o[a]=n[a];n.__esModule&&Object.defineProperty(o,"__esModule",{value:!0})}();
+!function(){"use strict";var r={n:function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,{a:e}),e},d:function(t,e){for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o:function(r,t){return Object.prototype.hasOwnProperty.call(r,t)},r:function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})}},t={};r.r(t),r.d(t,{CssColorParser:function(){return i},fromArray:function(){return d},fromColorStr:function(){return S},fromHSL:function(){return m},fromHWB:function(){return y},fromJson:function(){return v},fromRandom:function(){return R},parseCssColorStr:function(){return l},parseHEX:function(){return f},parseHSLA:function(){return g},parseHWB:function(){return h},parseKeyWord:function(){return p},parseRGBA:function(){return b}});var e=function(){function r(){}return r.type=function(r,t,e){var n=typeof e;if(n!==r)throw new Error("Expected ".concat(t," to be typeof ").concat(r,", actual typeof was ").concat(n))},r.types=function(r,t,e){var n=typeof e;if(!r.includes(n))throw new Error("Expected ".concat(t," to be typeof ").concat(r.join("|"),", actual typeof was ").concat(n))},r}();function n(r,t){return null==r||isNaN(r)&&"number"==typeof t?t:r}function a(r,t,e){return e>t?e=t:e<r&&(e=r),e}function o(r,t){return Number(r.toFixed(t))}var s=function(){function r(){}return r.clearStrSpace=function(r){return r.replace(/\s/g,"")},r.trimStr=function(r){return(r=r.replace(/\s+/g," ")).trim()},r.parse3BitsHEX=function(t){var e=/^#([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])?$/i.exec(t);if(e){var a=n(e[4],"f");return[r._parseResStrForRgb(parseInt(e[1]+e[1],16)),r._parseResStrForRgb(parseInt(e[2]+e[2],16)),r._parseResStrForRgb(parseInt(e[3]+e[3],16)),r._parsePercent(parseInt(a+a,16)/255)]}return null},r.parse6BitsHEX=function(t){var e=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})?$/i.exec(t);if(e){var a=n(e[4],"ff");return[r._parseResStrForRgb(parseInt(e[1],16)),r._parseResStrForRgb(parseInt(e[2],16)),r._parseResStrForRgb(parseInt(e[3],16)),r._parsePercent(parseInt(a,16)/255)]}return null},r.parseRGBA=function(t){var e=/^rgba?\(([0-9.]+%?),([0-9.]+%?),([0-9.]+%?)(?:,([0-9.]+%?))?\)$/i.exec(t);return e?[r._parseResStrForRgb(e[1]),r._parseResStrForRgb(e[2]),r._parseResStrForRgb(e[3]),r._parsePercent(e[4])]:null},r.parseHSLA=function(t){var e=/^hsla?\(([0-9.]+)(?:deg)?,([0-9.]+%?),([0-9.]+%?)(?:,([0-9.]+%?))?\)$/i.exec(t);return e?[r._parseResStrForHue(e[1]),r._parsePercent(e[2]),r._parsePercent(e[3]),r._parsePercent(e[4])]:null},r.parseHWB=function(t){var e=/^hwb\s?\(\s?([0-9.]+)(?:deg)?\s([0-9.]+%?)\s([0-9.]+%?)\s?(?:\/\s?([0-9.]+%?))?\s?\)$/i.exec(t);return e?[r._parseResStrForHue(e[1]),r._parsePercent(e[2]),r._parsePercent(e[3]),r._parsePercent(e[4])]:null},r.parseRGBA2=function(t){var e=/^rgba?\s?\(\s?([0-9.]+%?)\s?([0-9.]+%?)\s?([0-9.]+%?)(?:\s?\/\s?([0-9.]+%?))?\s?\)$/i.exec(t);return e?[r._parseResStrForRgb(e[1]),r._parseResStrForRgb(e[2]),r._parseResStrForRgb(e[3]),r._parsePercent(e[4])]:null},r.parseHSLA2=function(t){var e=/^hsla?\s?\(\s?([0-9.]+)(?:deg)?\s([0-9.]+%?)\s([0-9.]+%?)\s?(?:\/\s?([0-9.]+%?))?\s?\)$/i.exec(t);return e?[r._parseResStrForHue(e[1]),r._parsePercent(e[2]),r._parsePercent(e[3]),r._parsePercent(e[4])]:null},r._parseResStrForRgb=function(r){return"string"==typeof r&&(r=parseFloat(r)/("%"===r.substr(-1)?100/255:1)),isNaN(r)&&(r=1),a(0,255,r)},r._parseResStrForHue=function(r){return"string"==typeof r&&(r=parseFloat(r)),isNaN(r)&&(r=0),a(0,360,r)},r._parsePercent=function(r){return"string"==typeof r&&(r=parseFloat(r)/("%"===r.substr(-1)?100:1)),isNaN(r)&&(r=1),a(0,1,r)},r}(),i=function(){function r(r,t,e,n){this.r=255,this.g=255,this.b=255,this.a=1,this.setColor(r,t,e,n)}return r.prototype.setColor=function(r,t,e,o){this.r=a(0,255,n(Number(r),0)),this.g=a(0,255,n(Number(t),0)),this.b=a(0,255,n(Number(e),0)),this.a=a(0,1,n(Number(o),1))},r.prototype.toRGBA=function(){var r=this.toJson();return 1===r.a?"rgb(".concat(r.r,",").concat(r.g,",").concat(r.b,")"):"rgba(".concat(r.r,",").concat(r.g,",").concat(r.b,",").concat(r.a,")")},r.prototype.toString=function(){return this.toRGBA()},r.prototype.toNormalize=function(){return{r:o(this.r/255,2),g:o(this.g/255,2),b:o(this.b/255,2),a:o(this.a,2)}},r.prototype.toHEX=function(){var r=this.toJson(),t=r.r.toString(16);t.length<2&&(t="0".concat(t));var e=r.g.toString(16);e.length<2&&(e="0".concat(e));var n=r.b.toString(16);if(n.length<2&&(n="0".concat(n)),this.a<1){var a=parseInt((255*this.a).toFixed()).toString(16);return a.length<2&&(a="0".concat(a)),"#".concat(t).concat(e).concat(n).concat(a)}return"#".concat(t).concat(e).concat(n)},r.prototype.toArray=function(){var r=this.toJson();return[r.r,r.g,r.b,r.a]},r.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.prototype.clone=function(){return new r(this.r,this.g,this.b,this.a)},r.prototype.equals=function(r){return this===r||this.r===r.r&&this.g===r.g&&this.b===r.g&&this.a===r.a},r.parseHEX=function(t){var e=s.clearStrSpace(t),n=s.parse3BitsHEX(e);return n||(n=s.parse6BitsHEX(e)),n&&r.fromArray(n)},r.parseRGBA=function(t){var e=s.clearStrSpace(t),n=s.parseRGBA(e);if(!n){var a=s.trimStr(t);n=s.parseRGBA2(a)}return n&&r.fromArray(n)},r.fromJson=function(t){return new r(t.r,t.g,t.b,t.a)},r.fromArray=function(t){return new r(t[0],t[1],t[2],t[3])},r.fromRandom=function(t,e){return new r(Math.random()*Math.abs(e.r-t.r)+Math.min(t.r,e.r),Math.random()*Math.abs(e.g-t.g)+Math.min(t.g,e.g),Math.random()*Math.abs(e.b-t.b)+Math.min(t.b,e.b),Math.random()*Math.abs(e.a-t.a)+Math.min(t.a,e.a))},r}(),c=require("color-convert"),u=r.n(c);function p(r){var t=s.clearStrSpace(r),e=u().keyword.rgb(t);return e&&d(e)}function f(r){var t=s.clearStrSpace(r),e=s.parse3BitsHEX(t);return e||(e=s.parse6BitsHEX(t)),e&&d(e)}function b(r){var t=s.clearStrSpace(r),e=s.parseRGBA(t);if(!e){var n=s.trimStr(r);e=s.parseRGBA2(n)}return e&&d(e)}function g(r){var t=s.clearStrSpace(r),e=s.parseHSLA(t);if(!e){var n=s.trimStr(r);e=s.parseHSLA2(n)}return e&&m(e[0],e[1],e[2],e[3])}function h(r){var t=s.trimStr(r),e=s.parseHWB(t);return e&&y(e[0],e[1],e[2],e[3])}function l(r){return e.type("string","color",r),f(r)||b(r)||p(r)||g(r)||h(r)}function S(r){return e.type("string","color",r),f(r)||b(r)||p(r)||g(r)||h(r)}function m(r,t,e,o){var s=u().hsl.rgb(a(0,360,r),a(0,100,100*t),a(0,100,100*e));return new i(s[0],s[1],s[2],n(Number(o),1))}function y(r,t,e,o){var s=u().hwb.rgb(a(0,360,r),a(0,100,100*t),a(0,100,100*e));return new i(s[0],s[1],s[2],n(Number(o),1))}function R(r,t){if("string"==typeof r&&(r=l(r)),"string"==typeof t&&(t=l(t)),!r||!t)throw new Error("fail to create object from random");var e=Math.random()*Math.abs(t.r-r.r)+Math.min(r.r,t.r),n=Math.random()*Math.abs(t.g-r.g)+Math.min(r.g,t.g),a=Math.random()*Math.abs(t.b-r.b)+Math.min(r.b,t.b),o=Math.random()*Math.abs(t.a-r.a)+Math.min(r.a,t.a);return new i(e,n,a,o)}function v(r){return new i(r.r,r.g,r.b,r.a)}function d(r){return new i(r[0],r[1],r[2],r[3])}var _=exports;for(var M in t)_[M]=t[M];t.__esModule&&Object.defineProperty(_,"__esModule",{value:!0})}();

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

@@ -1132,6 +1132,18 @@ module.exports = {
 /******/ 	}
 /******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	!function() {
 /******/ 		// define getter functions for harmony exports
@@ -1233,6 +1245,151 @@ function setNumberPrecision(number, precision) {
     return Number(number.toFixed(precision));
 }
 
+;// CONCATENATED MODULE: ./src/utils/color-tools.ts
+
+/*
+ * @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;
+}());
+
+
 ;// CONCATENATED MODULE: ./src/CssColorParser.ts
 /*
  * @Descripttion: 颜色解析器
@@ -1240,9 +1397,10 @@ function setNumberPrecision(number, precision) {
  * @Author: roman_123
  * @Date: 2021-01-19 09:22:11
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-05-26 11:20:17
+ * @LastEditTime: 2023-05-26 15:59:40
  */
 
+
 var CssColorParser = /** @class */ (function () {
     function CssColorParser(red, green, blue, alpha) {
         this.r = 255;
@@ -1374,165 +1532,98 @@ var CssColorParser = /** @class */ (function () {
                 this.a === color.a);
         }
     };
-    return CssColorParser;
-}());
-/* harmony default export */ var src_CssColorParser = (CssColorParser);
-
-;// CONCATENATED MODULE: ./src/utils/color-tools.ts
-
-/*
- * @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];
+    /**
+     * @description: 解析16进制颜色
+     * @param {string} v
+     * @return {CssColorParser}
+     * @example: parseHEX('#FFF')
+     */
+    CssColorParser.parseHEX = function (v) {
+        var cssStr = CssColorStringParser.clearStrSpace(v);
+        var res = CssColorStringParser.parse3BitsHEX(cssStr);
+        if (!res) {
+            res = CssColorStringParser.parse6BitsHEX(cssStr);
         }
-        return null;
+        return res && CssColorParser.fromArray(res);
     };
-    // 解析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];
+    /**
+     * @description: 解析rgba、rgb颜色
+     * @param {string} v
+     * @return {CssColorParser}
+     * @example: 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 null;
+        return res && CssColorParser.fromArray(res);
     };
-    // 将结果解析为数字
-    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);
+    /**
+     * @description: 将ColorJson格式的json数据转换为解析对象
+     * @param {ColorJson} json
+     * @return {CssColorParser}
+     * @example: fromJson({r: 255, g: 255, b: 255, a: 1})
+     */
+    CssColorParser.fromJson = function (json) {
+        return new CssColorParser(json.r, json.g, json.b, json.a);
     };
-    CssColorStringParser._parseResStrForHue = function (v) {
-        if (typeof v === 'string') {
-            v = parseFloat(v);
-        }
-        if (isNaN(v)) {
-            v = 0;
-        }
-        return limitNumber(0, 360, v);
+    /**
+     * @description: 将RGBA数组转换为解析对象
+     * @param {Array} color
+     * @return {CssColorParser}
+     * @example: fromJson([255,255,255,1])
+     */
+    CssColorParser.fromArray = function (color) {
+        return new CssColorParser(color[0], color[1], color[2], color[3]);
     };
-    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);
+    /**
+     * @description: 产生随机颜色
+     * @return {CssColorParser}
+     * @example: 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);
     };
-    return CssColorStringParser;
+    return CssColorParser;
 }());
-
+/* harmony default export */ var src_CssColorParser = (CssColorParser);
 
-;// CONCATENATED MODULE: ./src/utils/parsers/parsers.ts
+// EXTERNAL MODULE: ./node_modules/color-convert/index.js
+var color_convert = __webpack_require__(907);
+var color_convert_default = /*#__PURE__*/__webpack_require__.n(color_convert);
+;// CONCATENATED MODULE: ./src/utils/parsers.ts
+
 
 
 
-var convert = __webpack_require__(907);
+/**
+ * @description: 解析颜色关键字
+ * @param {string} v
+ * @return {CssColorParser}
+ * @example: parseKeyWord('red')
+ */
 function parseKeyWord(v) {
     var cssStr = CssColorStringParser.clearStrSpace(v);
-    var res = convert.keyword.rgb(cssStr);
+    var res = 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);
@@ -1541,6 +1632,12 @@ function parseHEX(v) {
     }
     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);
@@ -1550,6 +1647,12 @@ function parseRGBA(v) {
     }
     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);
@@ -1559,6 +1662,12 @@ function parseHSLA(v) {
     }
     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);
@@ -1596,7 +1705,7 @@ function fromColorStr(v) {
  * @example: fromHSL(0,1,1,1)
  */
 function fromHSL(h, s, l, a) {
-    var res = convert.hsl.rgb(limitNumber(0, 360, h), limitNumber(0, 100, s * 100), limitNumber(0, 100, l * 100));
+    var res = 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));
 }
 /**
@@ -1609,14 +1718,14 @@ function fromHSL(h, s, l, a) {
  * @example: fromHSL(0,1,1,1)
  */
 function fromHWB(h, w, b, a) {
-    var res = convert.hwb.rgb(limitNumber(0, 360, h), limitNumber(0, 100, w * 100), limitNumber(0, 100, b * 100));
+    var res = 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}
-   * @author: roman_123
-   */
+ * @description: 产生随机颜色
+ * @return {CssColorParser}
+ * @example: fromRandom('#000', ''#fff)
+ */
 function fromRandom(color1, color2) {
     if (typeof color1 === 'string') {
         color1 = parseCssColorStr(color1);
@@ -1661,7 +1770,7 @@ function fromArray(color) {
  * @Author: roman_123
  * @Description:
  * @Date: 2023-05-25 17:45:22
- * @LastEditTime: 2023-05-26 11:17:48
+ * @LastEditTime: 2023-05-26 15:54:02
  */