Socket
Socket
Sign inDemoInstall

@jiaminghi/color

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@jiaminghi/color - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

.travis.yml

6

CHANGELOG.md

@@ -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 @@

16

lib/index.js
"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"
}
}

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc