css-color-parser-h - npm Package Compare versions

Comparing version 3.0.2 to 3.0.3

@types/index.d.ts

@@ -242,37 +242,37 @@ /*
      */
-    equals(color: CssColorParser | string): boolean
+    equals(color: CssColorParserPlus | string): boolean
     /**
      * @description: 实例相加
-     * @param {CssColorParser} colorParser
+     * @param {CssColorParserPlus} colorParser
      * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
+     * @return {CssColorParserPlus}
      */
-    add(color: CssColorParser | string, isSetAlpha?: boolean): CssColorParser
+    add(color: CssColorParserPlus | string, isSetAlpha?: boolean): CssColorParserPlus
     /**
      * @description: 实例相减
-     * @param {CssColorParser} colorParser
+     * @param {CssColorParserPlus} colorParser
      * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
+     * @return {CssColorParserPlus}
      */
     subtract(
-      color: CssColorParser | string,
+      color: CssColorParserPlus | string,
       isSetAlpha?: boolean
-    ): CssColorParser
+    ): CssColorParserPlus
     /**
      * @description: 实例相乘
-     * @param {CssColorParser} colorParser
+     * @param {CssColorParserPlus} colorParser
      * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
+     * @return {CssColorParserPlus}
      */
     multiply(
-      color: CssColorParser | string,
+      color: CssColorParserPlus | string,
       isSetAlpha?: boolean
-    ): CssColorParser
+    ): CssColorParserPlus
     /**
      * @description: 实例相除
-     * @param {CssColorParser} colorParser
+     * @param {CssColorParserPlus} colorParser
      * @param {boolean} isSetAlpha 透明度值是否参与计算（默认：是）
-     * @return {CssColorParser}
+     * @return {CssColorParserPlus}
      */
-    divide(color: CssColorParser | string, isSetAlpha?: boolean): CssColorParser
+    divide(color: CssColorParserPlus | string, isSetAlpha?: boolean): CssColorParserPlus
     /**
@@ -284,3 +284,3 @@ * @description: 解析css颜色
      */
-    static parseColor(v: string | CssColorParser): CssColorParser
+    static parseColor(v: string | CssColorParserPlus): CssColorParserPlus
     /**
@@ -287,0 +287,0 @@ * @description: 将css字符串转换为解析对象

package.json

 {
   "name": "css-color-parser-h",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "A tool for parsing css color",
@@ -5,0 +5,0 @@ "main": "dist/css-color-parser-h.cjs",

readme.md

@@ -26,7 +26,6 @@ # css-color-parser-h
 // plain javascript in browser
-new Parser.CssColorParser(255,255,255,1)
-new Parser.CssColorParserPlus(255,255,255,1) // 增强版本(推荐使用)
+new Parser.CssColorParserPlus(255,255,255,1)
 
 // commonJs
-const {CssColorParser, CssColorParserPlus} = require('css-color-parser-h')
+const {CssColorParserPlus} = require('css-color-parser-h')
 
@@ -38,3 +37,3 @@ // es6 module 使用ES6模块，需要在项目中集成webpack等打包工具
  */
-import {CssColorParser, CssColorParserPlus} from 'css-color-parser-h'
+import {CssColorParserPlus} from 'css-color-parser-h'
 
@@ -48,17 +47,17 @@ //parse from '#4c90f0cc' to: CssColorParser { r: 76, g: 144, b: 240, a: 0.8 }
 // 实例方法
-import {CssColorParser} from 'css-color-parser-h'
-const colorParser = new CssColorParser()
+import { CssColorParserPlus } from 'css-color-parser-h'
+const colorParser = new CssColorParserPlus()
 // 设置输出值的精度
-colorParser.setOutPrecision(colorPrecision: number, outAlphaPrecision: number): CssColorParser;
-colorParser.setColor(red?: number | string,green?: number | string,blue?: number | string,alpha?: number | string): CssColorParser
-colorParser.setAlpha(alpha?: number | string): CssColorParser
-colorParser.setRed(red?: number | string): CssColorParser;
-colorParser.setGreen(green?: number | string): CssColorParser;
-colorParser.setBlue(blue?: number | string): CssColorParser;
+colorParser.setOutPrecision(colorPrecision: number, outAlphaPrecision: number): CssColorParserPlus
+colorParser.setColor(red?: number | string,green?: number | string,blue?: number | string,alpha?: number | string): CssColorParserPlus
+colorParser.setAlpha(alpha?: number | string): CssColorParserPlus
+colorParser.setRed(red?: number | string): CssColorParserPlus
+colorParser.setGreen(green?: number | string): CssColorParserPlus
+colorParser.setBlue(blue?: number | string): CssColorParserPlus
 // 设置反色
-colorParser.setInvert(): CssColorParser;
+colorParser.setInvert(): CssColorParserPlus
 colorParser.toRGBA(): string
 colorParser.toHEX(): string
 // 获取反色的值（输出一个新的实例）
-colorParser.toInvert(): CssColorParser;
+colorParser.toInvert(): CssColorParserPlus
 colorParser.toString(): string
@@ -69,32 +68,20 @@ colorParser.toNormalize(): ColorJson
 // 颜色相加
-colorParser.add(colorParser: CssColorParser, isSetAlpha?: boolean): CssColorParser;
+colorParser.add(colorParser: CssColorParserPlus, isSetAlpha?: boolean): CssColorParserPlus;
 // 颜色相减
-colorParser.subtract(colorParser: CssColorParser, isSetAlpha?: boolean): CssColorParser;
+colorParser.subtract(colorParser: CssColorParserPlus, isSetAlpha?: boolean): CssColorParserPlus;
 // 颜色相乘
-colorParser.multiply(colorParser: CssColorParser, isSetAlpha?: boolean): CssColorParser;
+colorParser.multiply(colorParser: CssColorParserPlus, isSetAlpha?: boolean): CssColorParserPlus;
 // 颜色相除
-colorParser.divide(colorParser: CssColorParser, isSetAlpha?: boolean): CssColorParser;
+colorParser.divide(colorParser: CssColorParserPlus, isSetAlpha?: boolean): CssColorParserPlus;
 // 颜色乘以一个数值
-colorParser.multiplyByScalar(scalar: number, isSetAlpha?: boolean): CssColorParser;
+colorParser.multiplyByScalar(scalar: number, isSetAlpha?: boolean): CssColorParserPlus;
 // 颜色除以一个数值
-colorParser.divideByScalar(scalar: number, isSetAlpha?: boolean): CssColorParser;
+colorParser.divideByScalar(scalar: number, isSetAlpha?: boolean): CssColorParserPlus;
 // 颜色RGB属性加上一个数值
-colorParser.addNumberForRGB(num: number): CssColorParser;
+colorParser.addNumberForRGB(num: number): CssColorParserPlus;
 // 颜色透明度属性加上一个数值
-colorParser.addNumberForAlpha(num: number): CssColorParser;
-colorParser.clone():CssColorParser
-colorParser.equals(color: CssColorParser):boolean
+colorParser.addNumberForAlpha(num: number): CssColorParserPlus;
+colorParser.clone():CssColorParserPlus
+colorParser.equals(color: CssColorParserPlus):boolean
 // 静态方法
-CssColorParser.parseHEX(v: string): CssColorParser
-CssColorParser.parseRGBA(v: string): CssColorParser
-CssColorParser.fromJson(json: ColorJson): CssColorParser
-CssColorParser.fromArray(color: Array<number>): CssColorParser
-CssColorParser.fromRandomfromRandom(color1: CssColorParser, color2: CssColorParser): CssColorParser
-CssColorParser.fromNormalize(colorArr: [number, number, number, number]): CssColorParser;
-/**
- * CssColorParserPlus类 
- * 继承CssColorParser所有方法,增加了一些静态方法，对于加减乘除、随机颜色等方法可以传入颜色字符串进行计算
- * 使用parseColor方法可以解析css颜色格式的字符串
- */
-import { CssColorParserPlus } from 'css-color-parser-h'
 CssColorParserPlus.parseKeyWord(v: string): CssColorParserPlus
@@ -112,2 +99,3 @@ CssColorParserPlus.parseHEX(v: string): CssColorParserPlus
 CssColorParserPlus.fromArray(color: Array<number>): CssColorParserPlus
+CssColorParserPlus.fromNormalize(colorArr: [number, number, number, number]): CssColorParserPlus;
 ```
@@ -118,14 +106,8 @@
 ```js
-import { CssColorParser } from 'css-color-parser-h'
-
-const colorParser = new CssColorParser(255,255,255,1)
-colorParser.toHEX()
-CssColorParser.parseHEX('#FFF')
-CssColorParser.parseRGBA('rgba(255,255,255,1)')
-CssColorParser.fromJson({r: 255, g: 255, b: 255, a: 1})
-CssColorParser.fromArray([255,255,255,1])
-CssColorParser.fromRandom(new CssColorParser(0,0,0,0), new CssColorParser(255,255,255,1))
-
 import { CssColorParserPlus } from 'css-color-parser-h'
 
+CssColorParserPlus.parseHEX('#FFF')
+CssColorParserPlus.parseRGBA('rgba(255,255,255,1)')
+CssColorParserPlus.fromJson({r: 255, g: 255, b: 255, a: 1})
+CssColorParserPlus.fromArray([255,255,255,1])
 CssColorParserPlus.parseColor('blue') // CssColorParser { r: 0, g: 0, b: 255, a: 1 }
@@ -151,4 +133,5 @@ CssColorParserPlus.parseColor('blue').toHEX() // #0000ff
 // 颜色相加
-const colorParserPlus = new CssColorParserPlus(0,20,0,1)
-colorParserPlus.add('red').toRGBA() // rgb(255,20,0)
+const colorParser = new CssColorParserPlus(0,20,0,1)
+colorParser.toHEX()
+colorParser.add('red').toRGBA() // rgb(255,20,0)
 // 计算
@@ -155,0 +138,0 @@ const res = CssColorParserPlus.parseColor('#000').add('red').subtract('rgba(10,20,30,0.5)').toRGBA()

No alert changes

Worsened metrics

Total package byte prevSize

347944

decreased by-0.22%

Number of lines in readme file

135

decreased by-11.18%

No dependency changes