@jiaminghi/color
Advanced tools
Comparing version 0.1.0 to 0.1.1
@@ -0,1 +1,7 @@ | ||
# 0.1.1-alpha (2019-08-28) | ||
### Perfect | ||
- **babel:** Upgrade babel compilation mode. | ||
# 0.1.0-alpha (2019-07-07) | ||
@@ -2,0 +8,0 @@ |
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -17,14 +19,6 @@ value: true | ||
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray")); | ||
var _keywords = _interopRequireDefault(require("./config/keywords")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); } | ||
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); } | ||
function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); } | ||
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } } | ||
var hexReg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; | ||
@@ -290,3 +284,3 @@ var rgbReg = /^(rgb|rgba|RGB|RGBA)/; | ||
if (!rgbValue) return false; | ||
var rgbaValue = [].concat(_toConsumableArray(rgbValue), [percent / 100]); | ||
var rgbaValue = [].concat((0, _toConsumableArray2["default"])(rgbValue), [percent / 100]); | ||
return getColorFromRgbValue(rgbaValue); | ||
@@ -293,0 +287,0 @@ } |
{ | ||
"name": "@jiaminghi/color", | ||
"version": "0.1.0", | ||
"version": "0.1.1", | ||
"author": "JiaMing <743192023@qq.com>", | ||
@@ -12,4 +12,5 @@ "description": "Color extension", | ||
"scripts": { | ||
"compile": "babel -d lib/ src/", | ||
"prepublish": "npm run compile", | ||
"build": "node build/index.js", | ||
"prepublish": "npm run build", | ||
"deploy": "node deploy/index.js", | ||
"test": "mocha" | ||
@@ -33,12 +34,13 @@ }, | ||
"@babel/core": "^7.4.5", | ||
"@babel/preset-env": "^7.4.5", | ||
"@babel/preset-env": "^7.5.5", | ||
"@babel/plugin-transform-runtime": "^7.5.5", | ||
"@babel/register": "^7.4.4", | ||
"babel-register": "^6.26.0", | ||
"@jiaminghi/fs": "0.0.2", | ||
"chai": "^4.2.0", | ||
"ftp": "^0.3.10", | ||
"mocha": "^6.1.4" | ||
}, | ||
"dependencies": { | ||
"@babel/polyfill": "^7.4.4", | ||
"core-js": "^3.1.4" | ||
"@babel/runtime": "^7.5.5" | ||
} | ||
} |
117
README.md
@@ -1,2 +0,2 @@ | ||
[中文](./README_CN.md) | ||
[ENGLISH](./README_EN.md) | ||
@@ -11,45 +11,48 @@ <h1 align="center">Color Extension</h1> | ||
### This plugin provides some extension methods for color. | ||
### 这是一个提供如下几个方法的颜色插件。 | ||
- **[darken](#darken)** | ||
Deepen color. | ||
加深颜色 | ||
- **[lighten](#lighten)** | ||
Brighten color. | ||
提亮颜色 | ||
- **[fade](#fade)** | ||
Adjust color opacity. | ||
调节颜色透明度 | ||
- **[toHex](#toHex)** | ||
Convert color to Hex color. | ||
转换成Hex颜色 | ||
- **[toRgb](#toRgb)** | ||
Convert color to Rgb|Rgba color. | ||
将颜色转为Rgb或Rgba颜色 | ||
- **[getOpacity](#getOpacity)** | ||
Get color opacity. | ||
获取颜色透明度 | ||
- **[getRgbValue](#getRgbValue)** | ||
Get the color Rgb value. | ||
获取颜色的Rgb值 | ||
- **[getRgbaValue](#getRgbaValue)** | ||
Get the color Rgba value. | ||
获取颜色的Rgba值 | ||
- **[getColorFromRgbValue](#getColorFromRgbValue)** | ||
Get Color from Rgb|Rgba value. | ||
从Rgb或Rgba值获取颜色 | ||
- **[keywords](#keywords)** | ||
### 附录 | ||
Built-in color keywords. | ||
- **[颜色关键字](#颜色关键字)** | ||
### Install with npm | ||
内置颜色关键字 | ||
### npm安装 | ||
```shell | ||
@@ -59,13 +62,27 @@ $ npm install @jiaminghi/color | ||
### use | ||
### 使用 | ||
```javascript | ||
import color from '@jiaminghi/color' | ||
import { toHex } from '@jiaminghi/color' | ||
color.toHex('black') | ||
// do something | ||
``` | ||
### 快速体验 | ||
```html | ||
<!--资源位于个人服务器仅供体验和测试,请勿在生产环境使用--> | ||
<!--调试版--> | ||
<script src="http://lib.jiaminghi.com/color/color.map.js"></script> | ||
<!--压缩版--> | ||
<script src="http://lib.jiaminghi.com/color/color.min.js"></script> | ||
<script> | ||
const { darken, lighten } = window.color | ||
// do something | ||
</script> | ||
``` | ||
------ | ||
<h3 align="center">Examples</h3> | ||
<h3 align="center">示例</h3> | ||
@@ -76,6 +93,6 @@ #### darken | ||
/** | ||
* @description Deepen color | ||
* @param {String} color Hex|Rgb|Rgba color or color keyword | ||
* @param {Number} percent Percent of Deepen (1-100) | ||
* @return {String|Boolean} Rgba color (Invalid input will return false) | ||
* @description 加深颜色 | ||
* @param {String} color Hex|Rgb|Rgba颜色或颜色关键字 | ||
* @param {Number} percent 加深的百分比 (1-100) | ||
* @return {String|Boolean} Rgba颜色 (无效输入将返回false) | ||
*/ | ||
@@ -102,6 +119,6 @@ function darken (color, percent) { | ||
/** | ||
* @description Brighten color | ||
* @param {String} color Hex|Rgb|Rgba color or color keyword | ||
* @param {Number} percent Percent of brighten (1-100) | ||
* @return {String|Boolean} Rgba color (Invalid input will return false) | ||
* @description 提亮颜色 | ||
* @param {String} color Hex|Rgb|Rgba颜色或颜色关键字 | ||
* @param {Number} percent 提亮的百分比 (1-100) | ||
* @return {String|Boolean} Rgba颜色 (无效输入将返回false) | ||
*/ | ||
@@ -128,6 +145,6 @@ function lighten (color, percent) { | ||
/** | ||
* @description Adjust color opacity | ||
* @param {String} color Hex|Rgb|Rgba color or color keyword | ||
* @param {Number} percent Percent of opacity | ||
* @return {String|Boolean} Rgba color (Invalid input will return false) | ||
* @description 调节颜色透明度 | ||
* @param {String} color Hex|Rgb|Rgba颜色或颜色关键字 | ||
* @param {Number} Percent 透明度百分比 | ||
* @return {String|Boolean} Rgba颜色 (无效输入将返回false) | ||
*/ | ||
@@ -154,5 +171,5 @@ function fade (color, percent) { | ||
/** | ||
* @description Convert color to Hex color | ||
* @param {String} color Hex|Rgb|Rgba color or color keyword | ||
* @return {String|Boolean} Hex color (Invalid input will return false) | ||
* @description 转换成Hex颜色 | ||
* @param {String} color Hex|Rgb|Rgba颜色或颜色关键字 | ||
* @return {String|Boolean} Hex颜色 (无效输入将返回false) | ||
*/ | ||
@@ -175,6 +192,6 @@ function toHex (color) { | ||
/** | ||
* @description Convert color to Rgb|Rgba color | ||
* @param {String} color Hex|Rgb|Rgba color or color keyword | ||
* @param {Number} opacity The opacity of color | ||
* @return {String|Boolean} Rgb|Rgba color (Invalid input will return false) | ||
* @description 将颜色转为Rgb或Rgba颜色 | ||
* @param {String} color Hex|Rgb|Rgba颜色或颜色关键字 | ||
* @param {Number} opacity 颜色的透明度 (输入该参数将生成Rgba颜色) | ||
* @return {String|Boolean} Rgb或Rgba颜色 (无效输入将返回false) | ||
*/ | ||
@@ -199,5 +216,5 @@ function toRgb (color, opacity) { | ||
/** | ||
* @description Get the opacity of color | ||
* @param {String} color Hex|Rgb|Rgba color or color keyword | ||
* @return {Number|Boolean} Color opacity (Invalid input will return false) | ||
* @description 获取颜色透明度 | ||
* @param {String} color Hex|Rgb|Rgba颜色或颜色关键字 | ||
* @return {Number|Boolean} 颜色透明度 (无效输入将返回false) | ||
*/ | ||
@@ -223,5 +240,5 @@ function getOpacity (color) { | ||
/** | ||
* @description Get the Rgb value of the color | ||
* @param {String} color Hex|Rgb|Rgba color or color keyword | ||
* @return {Array<Number>|Boolean} Rgb value of the color (Invalid input will return false) | ||
* @description 获取颜色的Rgb值 | ||
* @param {String} color Hex|Rgb|Rgba颜色或颜色关键字 | ||
* @return {Array<Number>|Boolean} Rgb值 (无效输入将返回false) | ||
*/ | ||
@@ -244,5 +261,5 @@ function getRgbValue (color) { | ||
/** | ||
* @description Get the Rgba value of the color | ||
* @param {String} color Hex|Rgb|Rgba color or color keyword | ||
* @return {Array<Number>|Boolean} Rgba value of the color (Invalid input will return false) | ||
* @description 获取颜色的Rgba值 | ||
* @param {String} color Hex|Rgb|Rgba颜色或颜色关键字 | ||
* @return {Array<Number>|Boolean} Rgba值 (无效输入将返回false) | ||
*/ | ||
@@ -268,5 +285,5 @@ function getRgbaValue (color) { | ||
/** | ||
* @description Get Color from Rgb|Rgba value | ||
* @param {Array<Number>} value Rgb|Rgba color value | ||
* @return {String|Boolean} Rgb|Rgba color (Invalid input will return false) | ||
* @description 从Rgb或Rgba值获取颜色 | ||
* @param {Array<Number>} value Rgb或Rgba颜色的值 | ||
* @return {String|Boolean} Rgb颜色或Rgba颜色 (无效输入将返回false) | ||
*/ | ||
@@ -288,3 +305,3 @@ function getColorFromRgbValue (value) { | ||
#### keywords | ||
#### 颜色关键字 | ||
@@ -291,0 +308,0 @@ <p align="center"> |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Shell access
Supply chain riskThis module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.
Found 1 instance in 1 package
Dynamic require
Supply chain riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
AI-detected potential code anomaly
Supply chain riskAI has identified unusual behaviors that may pose a security risk.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
146345
1
27
1570
299
9
2
5
2
+ Added@babel/runtime@^7.5.5
+ Added@babel/runtime@7.25.6(transitive)
+ Addedregenerator-runtime@0.14.1(transitive)
- Removed@babel/polyfill@^7.4.4
- Removedcore-js@^3.1.4
- Removed@babel/polyfill@7.12.1(transitive)
- Removedcore-js@2.6.123.38.1(transitive)
- Removedregenerator-runtime@0.13.11(transitive)