vue-loading-overlay - npm Package Compare versions

Comparing version 1.0.0 to 2.0.0

dist/vue-loading.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("VueLoading",["vue"],t):"object"==typeof exports?exports.VueLoading=t(require("vue")):e.VueLoading=t(e.vue)}("undefined"!=typeof self?self:this,function(e){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){n(1),e.exports=n(4)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(2),i=n.n(o),r=function(e){void 0!==e.remove?e.remove():e.parentNode.removeChild(e)},a=function(){return"undefined"!=typeof window},c={name:"vue-loading",props:{active:Boolean,programmatic:Boolean,animation:{type:String,default:"fade"},canCancel:{type:Boolean,default:!1},onCancel:{type:Function,default:function(){}}},data:function(){return{isActive:this.active||!1}},created:function(){a&&document.addEventListener("keyup",this.escape)},beforeMount:function(){this.programmatic&&document.body.appendChild(this.$el)},mounted:function(){this.programmatic&&(this.isActive=!0)},methods:{cancel:function(){this.canCancel&&this.hide()},hide:function(){var e=this;this.onCancel.apply(null,arguments),this.$emit("close"),this.$emit("update:active",!1),this.programmatic&&(this.isActive=!1,setTimeout(function(){e.$destroy(),r(e.$el)},150))},escape:function(e){27===e.keyCode&&this.cancel()}},watch:{active:function(e){this.isActive=e}},beforeDestroy:function(){a&&document.removeEventListener("keyup",this.escape)}},u=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:e.animation}},[e.isActive?n("div",{staticClass:"loading-overlay is-active"},[n("div",{staticClass:"loading-background",on:{click:function(t){t.preventDefault(),e.cancel(t)}}}),e._v(" "),n("div",{staticClass:"loading-icon"})]):e._e()])},s=[],d={render:u,staticRenderFns:s},f=d,l=n(3),p=l(c,f,!1,null,null,null),v=p.exports,m={show:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t={programmatic:!0},n=Object.assign(t,e);return new(i.a.extend(v))({el:document.createElement("div"),propsData:n})}};n.d(t,"LoadingPlugin",function(){return h}),n.d(t,"Loading",function(){return v}),n.d(t,"LoadingProgrammatic",function(){return m});var h=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];e.$loading=m,Object.defineProperties(e.prototype,{$loading:{get:function(){return m}}})};v.install=h;t.default=h},function(t,n){t.exports=e},function(e,t){e.exports=function(e,t,n,o,i,r){var a,c=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(a=e,c=e.default);var s="function"==typeof c?c.options:c;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns,s._compiled=!0),n&&(s.functional=!0),i&&(s._scopeId=i);var d;if(r?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},s._ssrRegister=d):o&&(d=o),d){var f=s.functional,l=f?s.render:s.beforeCreate;f?(s._injectStyles=d,s.render=function(e,t){return d.call(t),l(e,t)}):s.beforeCreate=l?[].concat(l,d):[d]}return{esModule:a,exports:c,options:s}}},function(e,t){}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("VueLoading",["vue"],t):"object"==typeof exports?exports.VueLoading=t(require("vue")):e.VueLoading=t(e.vue)}("undefined"!=typeof self?self:this,function(e){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(2),i=n.n(o),r=function(e){void 0!==e.remove?e.remove():e.parentNode.removeChild(e)},a=function(){return"undefined"!=typeof window},c={name:"vue-loading",props:{active:Boolean,programmatic:Boolean,animation:{type:String,default:"fade"},canCancel:{type:Boolean,default:!1},onCancel:{type:Function,default:function(){}}},data:function(){return{isActive:this.active||!1}},created:function(){a&&document.addEventListener("keyup",this.escape)},beforeMount:function(){this.programmatic&&document.body.appendChild(this.$el)},mounted:function(){this.programmatic&&(this.isActive=!0)},methods:{cancel:function(){this.canCancel&&this.hide()},hide:function(){var e=this;this.onCancel.apply(null,arguments),this.$emit("close"),this.$emit("update:active",!1),this.programmatic&&(this.isActive=!1,setTimeout(function(){e.$destroy(),r(e.$el)},150))},escape:function(e){27===e.keyCode&&this.cancel()}},watch:{active:function(e){this.isActive=e}},beforeDestroy:function(){a&&document.removeEventListener("keyup",this.escape)}},s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:e.animation}},[e.isActive?n("div",{staticClass:"loading-overlay is-active"},[n("div",{staticClass:"loading-background",on:{click:function(t){t.preventDefault(),e.cancel(t)}}}),e._v(" "),n("div",{staticClass:"loading-icon"})]):e._e()])},u=[],d=function(e,t,n,o,i,r,a,c){e=e||{};var s=typeof e.default;"object"!==s&&"function"!==s||(e=e.default);var u="function"==typeof e?e.options:e;t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),o&&(u.functional=!0),r&&(u._scopeId=r);var d;if(a?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},u._ssrRegister=d):i&&(d=c?function(){i.call(this,this.$root.$options.shadowRoot)}:i),d)if(u.functional){u._injectStyles=d;var f=u.render;u.render=function(e,t){return d.call(t),f(e,t)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,d):[d]}return{exports:e,options:u}}(c,s,u,!1,null,null,null),f=d.exports,l={show:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t={programmatic:!0},n=Object.assign(t,e);return new(i.a.extend(f))({el:document.createElement("div"),propsData:n})}},p=l,v=(n(3),function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];e.$loading=p,Object.defineProperties(e.prototype,{$loading:{get:function(){return p}}})});f.install=v;t.default=f},function(t,n){t.exports=e},function(e,t){}]).default});

package.json

 {
   "name": "vue-loading-overlay",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Vue.js v2.x component for full screen loading indicator",
@@ -37,3 +37,3 @@ "main": "dist/vue-loading.min.js",
     "babel-preset-env": "^1.6.1",
-    "clean-webpack-plugin": "^0.1.16",
+    "clean-webpack-plugin": "^0.1.18",
     "css-loader": "^0.28.9",
@@ -45,5 +45,5 @@ "extract-text-webpack-plugin": "^3.0.2",
     "sass-loader": "^6.0.6",
-    "style-loader": "^0.19.1",
+    "style-loader": "^0.20.1",
     "vue": "^2.5.13",
-    "vue-loader": "^13.7.0",
+    "vue-loader": "^14.1.1",
     "vue-template-compiler": "^2.5.13",
@@ -50,0 +50,0 @@ "webpack": "^3.10.0",

README.md

@@ -32,3 +32,3 @@ # Vue Loading Overlay Component
     // Import component
-    import {Loading} from 'vue-loading-overlay';
+    import Loading from 'vue-loading-overlay';
     // Import stylesheet
@@ -67,7 +67,7 @@ import 'vue-loading-overlay/dist/vue-loading.min';
     // Import component
-    import {LoadingPlugin} from 'vue-loading-overlay';
+    import Loading from 'vue-loading-overlay';
     // Import stylesheet
     import 'vue-loading-overlay/dist/vue-loading.min';
     // Init plugin
-    Vue.use(LoadingPlugin);
+    Vue.use(Loading);
 
@@ -74,0 +74,0 @@ export default {

src/index.js

@@ -1,2 +0,4 @@
-import {Loading, LoadingProgrammatic} from './js/index';
+import LoadingProgrammatic from './js/plugin';
+import Component from './js/component.vue';
+import './scss/index.scss';
 
@@ -16,5 +18,4 @@ const LoadingPlugin = (Vue, options = {}) => {
 
-Loading.install = LoadingPlugin;
+Component.install = LoadingPlugin;
 
-export default LoadingPlugin;
-export {Loading, LoadingPlugin, LoadingProgrammatic}
+export default Component;

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

14630

increased by0.39%

Number of package files

15

increased by7.14%

Number of medium maintenance alerts

0

decreased by-100%

No dependency changes