vue-color - npm Package Compare versions

Comparing version 2.7.0 to 2.7.1

.vscode/settings.json

 {
     "cSpell.words": [
         "Checkboard",
+        "Photoshop",
         "gmail",
@@ -5,0 +6,0 @@ "kexiaokai",

build/webpack.base.conf.js

@@ -72,3 +72,8 @@ var path = require('path')
     ]
+  },
+
+  node: {
+    // prevent webpack from injecting an global polyfill that includes Function(return this) and eval(this)
+    global: false
   }
 }

build/webpack.release.js

@@ -31,3 +31,8 @@ var path = require('path')
     ]
+  },
+
+  node: {
+    // prevent webpack from injecting an global polyfill that includes Function(return this) and eval(this)
+    global: false
   }
 }

package.json

 {
   "name": "vue-color",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "description": "Color of Vue Components",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -116,4 +116,24 @@ # vue-color
 
+In some cases you can give the component a predefined set of colors with the property `presetColors` (for `Sketch` only) or `palette` (for `Compact` and `Grayscale`), by simply passing it an array with the color values as strings in any css compatible format.
+
+```html
+<sketch-picker 
+  @input="updateValue"
+  :value="colors"
+  :presetColors="[ 
+    '#f00', '#00ff00', '#00ff0055', 'rgb(201, 76, 76)', 'rgba(0,0,255,1)', 'hsl(89, 43%, 51%)', 'hsla(89, 43%, 51%, 0.6)'
+  ]"
+></sketch-picker>
+
+<compact-picker 
+  @input="updateValue"
+  :value="colors"
+  :palette="[ 
+    '#f00', '#00ff00', '#00ff0055', 'rgb(201, 76, 76)', 'rgba(0,0,255,1)', 'hsl(89, 43%, 51%)', 'hsla(89, 43%, 51%, 0.6)'
+  ]"
+></compact-picker>
+```
+
 ## License
 
 vue-color is licensed under [The MIT License](LICENSE).

src/index.js

@@ -17,3 +17,3 @@ import Compact from './components/Compact.vue'
 const VueColor = {
-  version: '2.7.0',
+  version: '2.7.1',
   Compact,
@@ -20,0 +20,0 @@ Grayscale,

src/mixin/color.js

@@ -12,2 +12,8 @@ import tinycolor from 'tinycolor2'
     color = tinycolor(data.hex)
+  } else if (data && data.hsv) {
+    color = tinycolor(data.hsv)
+  } else if (data && data.rgba) {
+    color = tinycolor(data.rgba)
+  } else if (data && data.rgb) {
+    color = tinycolor(data.rgb)
   } else {
@@ -14,0 +20,0 @@ color = tinycolor(data)

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 2 instances in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1802787

increased by0.05%

Number of lines in readme file

139

increased by16.81%

Number of medium supply chain risk alerts

1

decreased by-66.67%

No dependency changes