Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
awesome-mask
Advanced tools
awesome-mask - npm Package Compare versions
Comparing version 0.3.7 to 0.3.8
| { | ||
| "name": "awesome-mask", | ||
| "version": "0.3.7", | ||
| "version": "0.3.8", | ||
| "description": "An awesome mask directive for Vue.js using vanilla-masker from `https://github.com/BankFacil/vanilla-masker`", | ||
@@ -28,10 +28,67 @@ "main": "index.js", | ||
| "files": [ | ||
| "index.js", | ||
| "is-character-keypress.js", | ||
| "scripts" | ||
| "dist/index.js", | ||
| "dist/is-character-keypress.js" | ||
| ], | ||
| "devDependencies": { | ||
| "autoprefixer": "^6.7.2", | ||
| "babel-core": "^6.22.1", | ||
| "babel-loader": "^6.2.10", | ||
| "babel-cli": "^6.18.0", | ||
| "babel-preset-es2015": "^6.18.0" | ||
| } | ||
| "babel-plugin-transform-runtime": "^6.22.0", | ||
| "babel-preset-latest": "^6.22.0", | ||
| "babel-preset-stage-2": "^6.22.0", | ||
| "babel-register": "^6.22.0", | ||
| "chalk": "^1.1.3", | ||
| "connect-history-api-fallback": "^1.3.0", | ||
| "copy-webpack-plugin": "^4.0.1", | ||
| "css-loader": "^0.26.1", | ||
| "eventsource-polyfill": "^0.9.6", | ||
| "express": "^4.14.1", | ||
| "extract-text-webpack-plugin": "^2.0.0", | ||
| "file-loader": "^0.10.0", | ||
| "friendly-errors-webpack-plugin": "^1.1.3", | ||
| "function-bind": "^1.1.0", | ||
| "html-webpack-plugin": "^2.28.0", | ||
| "http-proxy-middleware": "^0.17.3", | ||
| "webpack-bundle-analyzer": "^2.2.1", | ||
| "cross-env": "^3.1.4", | ||
| "karma": "^1.4.1", | ||
| "karma-coverage": "^1.1.1", | ||
| "karma-mocha": "^1.3.0", | ||
| "karma-phantomjs-launcher": "^1.0.2", | ||
| "karma-sinon-chai": "^1.2.4", | ||
| "karma-sourcemap-loader": "^0.3.7", | ||
| "karma-spec-reporter": "0.0.26", | ||
| "karma-webpack": "^2.0.2", | ||
| "lolex": "^1.5.2", | ||
| "mocha": "^3.2.0", | ||
| "chai": "^3.5.0", | ||
| "sinon": "^1.17.7", | ||
| "sinon-chai": "^2.8.0", | ||
| "inject-loader": "^2.0.1", | ||
| "babel-plugin-istanbul": "^3.1.2", | ||
| "phantomjs-prebuilt": "^2.1.14", | ||
| "semver": "^5.3.0", | ||
| "opn": "^4.0.2", | ||
| "optimize-css-assets-webpack-plugin": "^1.3.0", | ||
| "ora": "^1.1.0", | ||
| "rimraf": "^2.6.0", | ||
| "url-loader": "^0.5.7", | ||
| "vue-loader": "^11.0.0", | ||
| "vue-style-loader": "^2.0.0", | ||
| "vue-template-compiler": "^2.2.1", | ||
| "webpack": "^2.2.1", | ||
| "webpack-dev-middleware": "^1.10.0", | ||
| "webpack-hot-middleware": "^2.16.1", | ||
| "webpack-merge": "^2.6.1" | ||
| }, | ||
| "engines": { | ||
| "node": ">= 4.0.0", | ||
| "npm": ">= 3.0.0" | ||
| }, | ||
| "browserlist": [ | ||
| "> 1%", | ||
| "last 2 versions", | ||
| "not ie <= 8" | ||
| ] | ||
| } |
@@ -1,61 +0,27 @@ | ||
| The awesome-mask runs with `Vue.js` and uses the `vanilla-masker` to make your form awesome with masks. | ||
| # mask | ||
| [Examples](https://moip.github.io/awesome-examples/) | ||
| > A Vue.js project | ||
| You can use patterns like: | ||
| ## Build Setup | ||
| ```vue | ||
| <input type="text" v-mask="'99/99' /> | ||
| // Turns 1224 in 12/24 | ||
| ``` | ||
| ``` bash | ||
| # install dependencies | ||
| npm install | ||
| ```vue | ||
| <input type="text" v-mask="'(99) 9999-9999' /> | ||
| // Turns 1149949944 in (11) 4994-9944 | ||
| ``` | ||
| # serve with hot reload at localhost:8080 | ||
| npm run dev | ||
| # build for production with minification | ||
| npm run build | ||
| # build for production and view the bundle analyzer report | ||
| npm run build --report | ||
| ```vue | ||
| <input type="text" v-mask="'AAA-9999' /> | ||
| // Turns ABC1234 in ABC-1234 | ||
| ``` | ||
| # run unit tests | ||
| npm run unit | ||
| This directive can also receive a object from your `data` like: | ||
| ```vue | ||
| <template> | ||
| <p> | ||
| <input v-mask="mask" type="text"> | ||
| </p> | ||
| </template> | ||
| <script> | ||
| export default { | ||
| data() { | ||
| return { | ||
| mask: '999.999.999-99' | ||
| } | ||
| } | ||
| } | ||
| </script> | ||
| # run all tests | ||
| npm test | ||
| ``` | ||
| Sample using import: | ||
| ```vue | ||
| import Component from './components/Component' | ||
| import AwesomeMask from 'awesome-mask' | ||
| export default { | ||
| name: 'app', | ||
| components: { | ||
| Component | ||
| }, | ||
| directives: { | ||
| 'mask': AwesomeMask | ||
| } | ||
| } | ||
| ``` | ||
| DISCLAIMER: If you use Windows, please use the version `0.3.3`, there was a problem with Vanilla-Masker to build at Windows. | ||
| For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). |
New alerts
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
Fixed alerts
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
Mixed license
License(Experimental) Package contains multiple licenses.
Found 1 instance in 1 package
Improved metrics
- Number of low license alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-11.05%
5024
- Dev dependency count
- increased by2450%
51
- Number of package files
- decreased by-50%
3
- Lines of code
- decreased by-29.33%
53
- Number of lines in readme file
- decreased by-54.84%
28
No dependency changes