vue-advanced-cropper
Advanced tools
vue-advanced-cropper - npm Package Compare versions
Comparing version 0.20.1 to 1.0.0
| { | ||
| "name": "vue-advanced-cropper", | ||
| "version": "0.20.1", | ||
| "version": "1.0.0", | ||
| "description": "The advanced library to create your own croppers suited for any website design", | ||
@@ -26,3 +26,3 @@ "author": "Norserium", | ||
| "scripts": { | ||
| "build": "cross-env NODE_ENV=production rollup -c", | ||
| "build": "cross-env NODE_ENV=production rollup -c && node build/build.js", | ||
| "start": "cross-env NODE_ENV=build rollup -c -w", | ||
@@ -75,5 +75,5 @@ "prepare": "npm run build", | ||
| "rollup": "^2.26.10", | ||
| "rollup-plugin-babel-minify": "^10.0.0", | ||
| "rollup-plugin-merge-and-inject-css": "^1.1.3", | ||
| "rollup-plugin-peer-deps-external": "^2.2.3", | ||
| "rollup-plugin-scss": "^2.6.1", | ||
| "rollup-plugin-terser": "^7.0.2", | ||
| "rollup-plugin-visualizer": "^1.1.1", | ||
@@ -80,0 +80,0 @@ "rollup-plugin-vue": "^5.1.9", |
@@ -15,2 +15,8 @@ <p align="center"><a href="https://norserium.github.io/vue-advanced-cropper/" target="_blank" rel="noopener noreferrer"><img width="133" src="https://github.com/norserium/vue-advanced-cropper/blob/master/example/readme/logo.svg?raw=true×tamp=1608385818575" alt="Vue Advanced Cropper logo"></a></p> | ||
| > **WARNING:** If you still use the beta version (< 1.0.0) read [the migration guide](https://norserium.github.io/vue-advanced-cropper/introduction/migration.html). | ||
| Especially if you use CDN. Your site may be broken in the near future, when `latest` tag will be changed. | ||
| <h2 align="center"> </h2> | ||
| **Vue Advanced Cropper** is the advanced library that gives you opportunity to create your own croppers suited for any website design. | ||
@@ -34,7 +40,7 @@ It means that you are able to change not only the cropper appearance, you area able to customize its behavior also. | ||
| ```bash | ||
| npm install --save vue-advanced-cropper | ||
| npm install --save vue-advanced-cropper@release | ||
| ``` | ||
| ```bash | ||
| yarn add vue-advanced-cropper | ||
| yarn add vue-advanced-cropper@release | ||
| ``` | ||
@@ -49,2 +55,3 @@ | ||
| import { Cropper } from 'vue-advanced-cropper' | ||
| import 'vue-advanced-cropper/dist/style.css'; | ||
@@ -104,3 +111,3 @@ new Vue({ | ||
| | autoZoom | `Boolean` | Enable / disable transitions | `false` | ||
| | transitions | `Boolean` | Enable / disable auto zoom | `false` | ||
| | transitions | `Boolean` | Enable / disable auto zoom | `true` | ||
| | stencilSize | `Object ` | The size of the stencil in pixels | | ||
@@ -119,6 +126,5 @@ | debounce | `String`, `Number` | The time before change event will be emitted after changes (ms) | `500` | ||
| | defaultPosition | `Object`, `Function` | The function that returns the default position of the stencil or object | `core.defaultPosition` | ||
| | defaultBoundaries | `String`, `Function` | The function that determines the boundaries size or string (`'fill'`, `'fit'`) | `'fit'` | ||
| | sizeRestrictionsAlgorithm | `Function` | The function that returns the restrictions object | `core.percentRestrictions` | ||
| | resizeAlgorithm | `Function` | The function that determines the resize algorithm | `core.resize` | ||
| | moveAlgorithm | `Function` | The function that determines the move algorithm | `core.move` | ||
| | defaultBoundaries | `String`, `Function` | The function that determines the boundaries size or string (`'fill'`, `'fit'`) | `'fill'` | ||
| | sizeRestrictionsAlgorithm | `Function` | The function that returns the restrictions object | | ||
@@ -136,14 +142,18 @@ | Event | Description | ||
| | ------------------------ | ------------------- | -------------------------------------------------------------- | --------------- | ||
| | aspectRatio | `Number`, `String`, | The aspect ratio | | ||
| | minAspectRatio | `Number`, `String`, | The minimum aspect ratio | | ||
| | maxAspectRatio | `Number`, `String`, | The maximum aspect ratio | | ||
| | class | `String`, | The class for root block of the stencil component | | ||
| | previewClass | `String`, | The class for the preview component | | ||
| | boundingBoxClass | `String`, | The class for the bouding box component | | ||
| | aspectRatio | `Number` | The aspect ratio | | ||
| | minAspectRatio | `Number` | The minimum aspect ratio | | ||
| | maxAspectRatio | `Number` | The maximum aspect ratio | | ||
| | class | `String` | The class for root block of the stencil component | | ||
| | previewClass | `String` | The class for the preview component | | ||
| | movingClass | `String` | The class applied when user drag the stencil | | ||
| | resizingClass | `String` | The class applied when user resize the stencil | | ||
| | boundingBoxClass | `String` | The class for the bounding box component | | ||
| | handlerComponent | `String`,`Object` | The handler component | | ||
| | handlers | `Object`, | The object of handlers that should be visible or hidden. | | ||
| | handlersClasses | `Object`, | The object of custom handler classes | | ||
| | handlers | `Object` | The object of handlers that should be visible or hidden. | | ||
| | handlersClasses | `Object` | The object of custom handler classes | | ||
| | handlersWrappersClasses | `Object` | The object of custom handler wrapper classes | | ||
| | lineComponent | `String`,`Object` | The handler component | | ||
| | lines | `Object`, | The object of lines that should be visible or hidden. | | ||
| | linesClasses | `Object`, | The object of custom line classes | | ||
| | lines | `Object` | The object of lines that should be visible or hidden. | | ||
| | linesClasses | `Object` | The object of custom line classes | | ||
| | linesWrappersClasses | `Object` | The object of custom line wrapper classes | | ||
@@ -150,0 +160,0 @@ ## License |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Number of package files
- increased by66.67%
15
- Lines of code
- increased by6.66%
1426
- Number of low quality alerts
- decreased by-25%
3
- Number of lines in readme file
- increased by6.8%
157
- Number of low supply chain risk alerts
- decreased by-75%
1
Worsened metrics
- Total package byte prevSize
- decreased by-11.1%
772479