css-color-parser-h 3.0.4 → 3.0.5

package/@types/index.d.ts

@@ -1,388 +1,10 @@
-/*
- * @Author: roman_123
- * @Description:
- * @Date: 2023-05-26 13:29:45
- * @LastEditTime: 2023-06-27 19:23:00
- */
-declare module 'css-color-parser-h' {
-  class ColorJson {
-    r: number
-    g: number
-    b: number
-    a: number
-  }
-  export class CssColorParser {
-    r: number
-    g: number
-    b: number
-    a: number
-    private _outColorPrecision
-    private _outAlphaPrecision
-    constructor(
-      red?: number | string,
-      green?: number | string,
-      blue?: number | string,
-      alpha?: number | string
-    )
-    /**
-     * @description: 设置CssColorParser实例输出的精度
-     * @param {number} colorPrecision 输出颜色的精度
-     * @param {number} outAlphaPrecision 输出透明度的精度
-     * @return {CssColorParser}
-     */
-    setOutPrecision(
-      colorPrecision: number,
-      outAlphaPrecision: number
-    ): CssColorParser
-    /**
-     * 设置颜色
-     * @param red
-     * @param green
-     * @param blue
-     * @param alpha
-     * @example: this.setColor(255,255,255,1)
-     */
-    setColor(
-      red?: number | string,
-      green?: number | string,
-      blue?: number | string,
-      alpha?: number | string
-    ): CssColorParser
-    /**
-     * @description: 设置透明度
-     * @param {number} alpha
-     * @return {CssColorParser}
-     */
-    setAlpha(alpha?: number | string): CssColorParser
-    /**
-     * @description: 设置红色值
-     * @param {number} red
-     * @return {CssColorParser}
-     */
-    setRed(red?: number | string): CssColorParser
-    /**
-     * @description: 设置绿色值
-     * @param {number} green
-     * @return {CssColorParser}
-     */
-    setGreen(green?: number | string): CssColorParser
-    /**
-     * @description: 设置蓝色值
-     * @param {number} blue
-     * @return {CssColorParser}
-     */
-    setBlue(blue?: number | string): CssColorParser
-    /**
-     * @description: 返回rgba格式的css字符串
-     * @return {string}
-     */
-    toRGBA(): string
-    /**
-     * @description: 返回字符串
-     * @return {string}
-     */
-    toString(): string
-    /**
-     * @description: 归一化
-     * @return {array}
-     */
-    toNormalize(): [number, number, number, number]
-    /**
-     * @description: 返回16进制格式的css字符串
-     * @return {string}
-     */
-    toHEX(): string
-    /**
-     * @description: 返回rgba数组
-     * @return {array}
-     */
-    toArray(): [number, number, number, number]
-    /**
-     * @description: 返回ColorJson
-     * @return {ColorJson}
-     */
-    toJson(): ColorJson
-    /**
-     * @description: 返回取反色后的新的实例
-     * @return {CssColorParser}
-     */
-    toInvert(): CssColorParser
-    /**
-     * @description: 拷贝
-     * @return {CssColorParser}
-     */
-    clone(): CssColorParser
-    /**
-     * @description: 比较两个解析对象的数据是否相等
-     * @param {string} color
-     * @return {boolean}
-     */
-    equals(color: CssColorParser): boolean
-    /**
-     * @description: 反色
-     * @return {CssColorParser}
-     */
-    setInvert(): CssColorParser
-    /**
-     * @description: 乘以倍数
-     * @param {number} scalar
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
-     */
-    multiplyByScalar(scalar: number, isSetAlpha?: boolean): CssColorParser
-    /**
-     * @description: 除以倍数
-     * @param {number} scalar
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
-     */
-    divideByScalar(scalar: number, isSetAlpha?: boolean): CssColorParser
-    /**
-     * @description: 实例相加
-     * @param {CssColorParser} colorParser
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
-     */
-    add(colorParser: CssColorParser, isSetAlpha?: boolean): CssColorParser
-    /**
-     * @description: 实例相减
-     * @param {CssColorParser} colorParser
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
-     */
-    subtract(colorParser: CssColorParser, isSetAlpha?: boolean): CssColorParser
-    /**
-     * @description: 实例相乘
-     * @param {CssColorParser} colorParser
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
-     */
-    multiply(colorParser: CssColorParser, isSetAlpha?: boolean): CssColorParser
-    /**
-     * @description: 实例相除
-     * @param {CssColorParser} colorParser
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
-     */
-    divide(colorParser: CssColorParser, isSetAlpha?: boolean): CssColorParser
-    /**
-     * @description: 颜色RGB加上数字
-     * @param {number} num
-     * @return {CssColorParser}
-     */
-    addNumberForRGB(num: number): CssColorParser
-    /**
-     * @description: 透明度加上数字
-     * @param {number} num
-     * @return {CssColorParser}
-     */
-    addNumberForAlpha(num: number): CssColorParser
-    /**
-     * @description: 解析16进制颜色
-     * @param {string} v
-     * @return {CssColorParser}
-     * @example: CssColorParser.parseHEX('#FFF')
-     */
-    static parseHEX(v: string): CssColorParser
-    /**
-     * @description: 解析rgba、rgb颜色
-     * @param {string} v
-     * @return {CssColorParser}
-     * @example: CssColorParser.parseRGBA('rgba(255,255,255,1)')
-     */
-    static parseRGBA(v: string): CssColorParser
-    /**
-     * @description: 将ColorJson格式的json数据转换为解析对象
-     * @param {ColorJson} json
-     * @return {CssColorParser}
-     * @example: CssColorParser.fromJson({r: 255, g: 255, b: 255, a: 1})
-     */
-    static fromJson(json: ColorJson): CssColorParser
-    /**
-     * @description: 将RGBA数组转换为解析对象
-     * @param {Array} color
-     * @return {CssColorParser}
-     * @example: CssColorParser.fromArray([255,255,255,1])
-     */
-    static fromArray(color: Array<number>): CssColorParser
-    /**
-     * @description: 产生随机颜色
-     * @return {CssColorParser}
-     * @example: CssColorParser.fromRandom(new CssColorParser(0,0,0,0), new CssColorParser(255,255,255,1))
-     */
-    static fromRandom(
-      color1: CssColorParser,
-      color2: CssColorParser
-    ): CssColorParser
-    /**
-     * @description: 颜色序列化数组转换为CssColorParser对象实例
-     * @param {array} colorArr
-     * @example: CssColorParser.fromNormaliz([1, 0, 0, 1])
-     */
-    static fromNormalize(
-      colorArr: [number, number, number, number]
-    ): CssColorParser
-  }
-  export class CssColorParserPlus extends CssColorParser {
-    /**
-     * @description: 返回取反色后的新的实例
-     * @return {CssColorParserPlus}
-     */
-    toInvert(): CssColorParserPlus
-    /**
-     * @description: 拷贝
-     * @return {CssColorParserPlus}
-     */
-    clone(): CssColorParserPlus
-    /**
-     * @description: 比较两个解析对象的数据是否相等
-     * @param {string} color
-     * @return {boolean}
-     */
-    equals(color: CssColorParserPlus | string): boolean
-    /**
-     * @description: 实例相加
-     * @param {CssColorParserPlus} colorParser
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParserPlus}
-     */
-    add(color: CssColorParserPlus | string, isSetAlpha?: boolean): CssColorParserPlus
-    /**
-     * @description: 实例相减
-     * @param {CssColorParserPlus} colorParser
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParserPlus}
-     */
-    subtract(
-      color: CssColorParserPlus | string,
-      isSetAlpha?: boolean
-    ): CssColorParserPlus
-    /**
-     * @description: 实例相乘
-     * @param {CssColorParserPlus} colorParser
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParserPlus}
-     */
-    multiply(
-      color: CssColorParserPlus | string,
-      isSetAlpha?: boolean
-    ): CssColorParserPlus
-    /**
-     * @description: 实例相除
-     * @param {CssColorParserPlus} colorParser
-     * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParserPlus}
-     */
-    divide(color: CssColorParserPlus | string, isSetAlpha?: boolean): CssColorParserPlus
-    /**
-     * @description: 解析css颜色
-     * @param {string} v
-     * @return {CssColorParserPlus}
-     * @example: parseCssColorStr('rgba(255,255,255,1)')
-     */
-    static parseColor(v: string | CssColorParserPlus): CssColorParserPlus
-    /**
-     * @description: 将css字符串转换为解析对象
-     * @param {string} v
-     * @return {CssColorParserPlus}
-     * @example: parseCssColorStr('rgba(255,255,255,1)')
-     */
-    static parseCssColorStr(v: string): CssColorParserPlus
-    /**
-     * @description: 解析颜色关键字
-     * @param {string} v
-     * @return {CssColorParserPlus}
-     * @example: parseKeyWord('red')
-     */
-    static parseKeyWord(v: string): CssColorParserPlus
-    /**
-     * @description: 解析HSLA
-     * @param {string} v
-     * @return {CssColorParserPlus}
-     * @example: parseHSLA('hsla(215,85%,62%,0.8)')
-     */
-    static parseHSLA(v: string): CssColorParserPlus
-    /**
-     * @description: 解析HWB
-     * @param {string} v
-     * @return {CssColorParserPlus}
-     * @example: parseHWB('hwb(215deg 30% 6% / 80%)')
-     */
-    static parseHWB(v: string): CssColorParserPlus
-    /**
-     * @description: 将HSL色彩模式转换为解析对象
-     * @param {number} hue 色相
-     * @param {number} saturation 饱和度
-     * @param {number} lightness 亮度
-     * @param {number} alpha 不透明度
-     * @return {CssColorParserPlus}
-     * @example: fromHSL(0,1,1,1)
-     */
-    static fromHSL(
-      h: number,
-      s: number,
-      l: number,
-      a?: number
-    ): CssColorParserPlus
-    /**
-     * @description: 将HWB色彩模式转换为解析对象
-     * @param {number} h 色调
-     * @param {number} w 白度
-     * @param {number} b 黑度
-     * @param {number} a 不透明度
-     * @return {CssColorParserPlus}
-     * @example: fromHSL(0,1,1,1)
-     */
-    static fromHWB(
-      h: number,
-      w: number,
-      b: number,
-      a?: number
-    ): CssColorParserPlus
-    /**
-     * @description: 解析16进制颜色
-     * @param {string} v
-     * @return {CssColorParserPlus}
-     * @example: CssColorParserPlus.parseHEX('#FFF')
-     */
-    static parseHEX(v: string): CssColorParserPlus
-    /**
-     * @description: 解析rgba、rgb颜色
-     * @param {string} v
-     * @return {CssColorParserPlus}
-     * @example: CssColorParserPlus.parseRGBA('rgba(255,255,255,1)')
-     */
-    static parseRGBA(v: string): CssColorParserPlus
-    /**
-     * @description: 将ColorJson格式的json数据转换为解析对象
-     * @param {ColorJson} json
-     * @return {CssColorParserPlus}
-     * @example: CssColorParserPlus.fromJson({r: 255, g: 255, b: 255, a: 1})
-     */
-    static fromJson(json: ColorJson): CssColorParserPlus
-    /**
-     * @description: 将RGBA数组转换为解析对象
-     * @param {Array} color
-     * @return {CssColorParserPlus}
-     * @example: CssColorParserPlus.fromArray([255,255,255,1])
-     */
-    static fromArray(color: Array<number>): CssColorParserPlus
-    /**
-     * @description: 产生随机颜色
-     * @return {CssColorParserPlus}
-     * @example: CssColorParserPlus.fromRandom('black', new CssColorParserPlus(255,255,255,1))
-     */
-    static fromRandom(
-      color1: CssColorParserPlus | string,
-      color2: CssColorParserPlus | string
-    ): CssColorParserPlus
-    /**
-     * @description: 颜色序列化数组转换为CssColorParserPlus对象实例
-     * @param {array} colorArr
-     * @example: CssColorParserPlus.fromNormaliz([1, 0, 0, 1])
-     */
-    static fromNormalize(
-      colorArr: [number, number, number, number]
-    ): CssColorParserPlus
-  }
-}
+/*
+ * @Author: roman_123
+ * @Description:
+ * @Date: 2023-05-26 13:29:45
+ * @LastEditTime: 2023-06-27 19:23:00
+ */
+import CssColorParser from "./CssColorParser"
+import CssColorParserPlus from "./CssColorParserPlus"
+
+export { CssColorParser, CssColorParserPlus };

package/example.html

@@ -17,7 +17,7 @@
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
     <title>css-color-parser示例</title>
-    <script src="./dist/css-color-parser-h.umd.min.js"></script>
+    <script src="./dist/css-color-parser-h.umd.js"></script>
   </head>
 
   <body>