css-color-parser-h 2.0.0 → 2.0.2

package/@types/css-color-parser-h.d.ts

@@ -2,7 +2,7 @@
  * @Author: roman_123
  * @Description:
  * @Date: 2023-05-26 13:29:45
- * @LastEditTime: 2023-05-26 13:58:07
+ * @LastEditTime: 2023-05-26 16:10:51
  */
 export class ColorJson {
   r: number
@@ -12,35 +12,35 @@ export class ColorJson {
 }
 declare module 'css-color-parser-h' {
   /**
-   * @description: 将css KeyWord字符串转换为解析对象
+   * @description: 解析颜色关键字
    * @param {string} v
    * @return {CssColorParser}
    * @example: parseKeyWord('red')
    */
   export function parseKeyWord(v: string): CssColorParser
   /**
-   * @description: 将css HEX字符串转换为解析对象
+   * @description: 解析16进制字符串
    * @param {string} v
    * @return {CssColorParser}
-   * @example: parseHEX('#ccc')
+   * @example: parseHEX('#FFF')
    */
   export function parseHEX(v: string): CssColorParser
   /**
-   * @description: 将css RGBA字符串转换为解析对象
+   * @description: 解析RGBA
    * @param {string} v
    * @return {CssColorParser}
-   * @example: parseRGBA('rgb(255,255,255)')
+   * @example: parseRGBA('rgba(255,255,255,1)')
    */
   export function parseRGBA(v: string): CssColorParser
   /**
-   * @description: 将css HSLA字符串转换为解析对象
+   * @description: 解析HSLA
    * @param {string} v
    * @return {CssColorParser}
-   * @example: parseHSLA('hsl(215 85% 62% / 0.8)')
+   * @example: parseHSLA('hsla(215,85%,62%,0.8)')
    */
   export function parseHSLA(v: string): CssColorParser
   /**
-   * @description: 将css HSLA字符串转换为解析对象
+   * @description: 解析HWB
    * @param {string} v
    * @return {CssColorParser}
    * @example: parseHWB('hwb(215deg 30% 6% / 80%)')
@@ -93,9 +93,9 @@ declare module 'css-color-parser-h' {
     a?: number
   ): CssColorParser
   /**
-   * @description: 从解析器中产生随机颜色
+   * @description: 产生随机颜色
    * @return {CssColorParser}
-   * @author: roman_123
+   * @example: fromRandom('#000', ''#fff)
    */
   export function fromRandom(
     color1: string | CssColorParser,
@@ -120,14 +120,6 @@ declare module 'css-color-parser-h' {
     g: number
     b: number
     a: number
-    /**
-     * 设置颜色
-     * @param red
-     * @param green
-     * @param blue
-     * @param alpha
-     * @example: const parser = new CssColorParser(255,255,255,1)
-     */
     constructor(
       red?: number | string,
       green?: number | string,
@@ -197,5 +189,42 @@ declare module 'css-color-parser-h' {
      * @author: roman_123
      */
     equals(color: any): boolean
+    /**
+     * @description: 解析16进制颜色
+     * @param {string} v
+     * @return {CssColorParser}
+     * @example: parseHEX('#FFF')
+     */
+    static parseHEX(v: string): CssColorParser
+    /**
+     * @description: 解析rgba、rgb颜色
+     * @param {string} v
+     * @return {CssColorParser}
+     * @example: parseRGBA('rgba(255,255,255,1)')
+     */
+    static parseRGBA(v: string): CssColorParser
+    /**
+     * @description: 将ColorJson格式的json数据转换为解析对象
+     * @param {ColorJson} json
+     * @return {CssColorParser}
+     * @example: fromJson({r: 255, g: 255, b: 255, a: 1})
+     */
+    static fromJson(json: ColorJson): CssColorParser
+    /**
+     * @description: 将RGBA数组转换为解析对象
+     * @param {Array} color
+     * @return {CssColorParser}
+     * @example: fromJson([255,255,255,1])
+     */
+    static fromArray(color: Array<number>): CssColorParser
+    /**
+     * @description: 产生随机颜色
+     * @return {CssColorParser}
+     * @example: fromRandom(new CssColorParser(0,0,0,0), new CssColorParser(255,255,255,1))
+     */
+    static fromRandom(
+      color1: CssColorParser,
+      color2: CssColorParser
+    ): CssColorParser
   }
 }

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

@@ -1,41 +1,21 @@
 /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 819:
-/***/ (function(module) {
-
-module.exports = require("color-convert");
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
 /******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			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;
 /******/ 		};
+/******/ 	}();
 /******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	!function() {
 /******/ 		// define getter functions for harmony exports
@@ -66,8 +46,6 @@ module.exports = require("color-convert");
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-!function() {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
@@ -136,6 +114,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: 颜色解析器
@@ -143,9 +266,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;
@@ -277,165 +401,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
+;// 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
+
 
 
 
-var convert = __webpack_require__(819);
+/**
+ * @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 = 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);
@@ -444,6 +501,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);
@@ -453,6 +516,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);
@@ -462,6 +531,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);
@@ -499,7 +574,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 = 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));
 }
 /**
@@ -512,14 +587,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 = 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}
-   * @author: roman_123
-   */
+ * @description: 产生随机颜色
+ * @return {CssColorParser}
+ * @example: fromRandom('#000', ''#fff)
+ */
 function fromRandom(color1, color2) {
     if (typeof color1 === 'string') {
         color1 = parseCssColorStr(color1);
@@ -564,13 +639,12 @@ 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
  */
 
 
 
 
-}();
 var __webpack_export_target__ = exports;
 for(var i in __webpack_exports__) __webpack_export_target__[i] = __webpack_exports__[i];
 if(__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, "__esModule", { value: true });