vue-global-events
Advanced tools
Comparing version 1.1.2 to 1.2.0
/** | ||
* vue-global-events v1.1.2 | ||
* (c) 2019 Damian Dulisz <damian.dulisz@gmail.com>, Eduardo San Martin Morote <posva13@gmail.com> | ||
* vue-global-events v1.2.0 | ||
* (c) 2020 Damian Dulisz <damian.dulisz@gmail.com>, Eduardo San Martin Morote <posva13@gmail.com> | ||
* @license MIT | ||
@@ -53,2 +53,13 @@ */ | ||
// track keep-alive active state | ||
data: function () { return ({ isActive: true }); }, | ||
activated: function activated () { | ||
console.log('activated'); | ||
this.isActive = true; | ||
}, | ||
deactivated: function deactivated () { | ||
console.log('deactivated'); | ||
this.isActive = false; | ||
}, | ||
render: function (h) { return h(); }, | ||
@@ -63,3 +74,3 @@ | ||
var handler = function (e) { | ||
this$1.filter(e, listener, event) && listener(e); | ||
this$1.isActive && this$1.filter(e, listener, event) && listener(e); | ||
}; | ||
@@ -66,0 +77,0 @@ window[this$1.target].addEventListener( |
/** | ||
* vue-global-events v1.1.2 | ||
* (c) 2019 Damian Dulisz <damian.dulisz@gmail.com>, Eduardo San Martin Morote <posva13@gmail.com> | ||
* vue-global-events v1.2.0 | ||
* (c) 2020 Damian Dulisz <damian.dulisz@gmail.com>, Eduardo San Martin Morote <posva13@gmail.com> | ||
* @license MIT | ||
@@ -51,2 +51,13 @@ */ | ||
// track keep-alive active state | ||
data: function () { return ({ isActive: true }); }, | ||
activated: function activated () { | ||
console.log('activated'); | ||
this.isActive = true; | ||
}, | ||
deactivated: function deactivated () { | ||
console.log('deactivated'); | ||
this.isActive = false; | ||
}, | ||
render: function (h) { return h(); }, | ||
@@ -61,3 +72,3 @@ | ||
var handler = function (e) { | ||
this$1.filter(e, listener, event) && listener(e); | ||
this$1.isActive && this$1.filter(e, listener, event) && listener(e); | ||
}; | ||
@@ -64,0 +75,0 @@ window[this$1.target].addEventListener( |
/** | ||
* vue-global-events v1.1.2 | ||
* (c) 2019 Damian Dulisz <damian.dulisz@gmail.com>, Eduardo San Martin Morote <posva13@gmail.com> | ||
* vue-global-events v1.2.0 | ||
* (c) 2020 Damian Dulisz <damian.dulisz@gmail.com>, Eduardo San Martin Morote <posva13@gmail.com> | ||
* @license MIT | ||
@@ -57,2 +57,13 @@ */ | ||
// track keep-alive active state | ||
data: function () { return ({ isActive: true }); }, | ||
activated: function activated () { | ||
console.log('activated'); | ||
this.isActive = true; | ||
}, | ||
deactivated: function deactivated () { | ||
console.log('deactivated'); | ||
this.isActive = false; | ||
}, | ||
render: function (h) { return h(); }, | ||
@@ -67,3 +78,3 @@ | ||
var handler = function (e) { | ||
this$1.filter(e, listener, event) && listener(e); | ||
this$1.isActive && this$1.filter(e, listener, event) && listener(e); | ||
}; | ||
@@ -70,0 +81,0 @@ window[this$1.target].addEventListener( |
/** | ||
* vue-global-events v1.1.2 | ||
* (c) 2019 Damian Dulisz <damian.dulisz@gmail.com>, Eduardo San Martin Morote <posva13@gmail.com> | ||
* vue-global-events v1.2.0 | ||
* (c) 2020 Damian Dulisz <damian.dulisz@gmail.com>, Eduardo San Martin Morote <posva13@gmail.com> | ||
* @license MIT | ||
*/ | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.VueGlobalEvents=t()}(this,function(){"use strict";var e;var t=/^[~!&]*/,n=/\W+/,r={"!":"capture","~":"once","&":"passive"};function i(n){var i=n.match(t)[0];return(null==e?e=/msie|trident/.test(window.navigator.userAgent.toLowerCase()):e)?i.indexOf("!")>-1:i.split("").reduce(function(e,t){return e[r[t]]=!0,e},{})}return{name:"GlobalEvents",props:{target:{type:String,default:"document"},filter:{type:Function,default:function(e){return!0}}},render:function(e){return e()},mounted:function(){var e=this;this._listeners=Object.create(null),Object.keys(this.$listeners).forEach(function(t){var r=e.$listeners[t],o=function(n){e.filter(n,r,t)&&r(n)};window[e.target].addEventListener(t.replace(n,""),o,i(t)),e._listeners[t]=o})},beforeDestroy:function(){var e=this;for(var t in e._listeners)window[e.target].removeEventListener(t.replace(n,""),e._listeners[t],i(t))}}}); | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.VueGlobalEvents=t()}(this,function(){"use strict";var n;var i=/^[~!&]*/,r=/\W+/,o={"!":"capture","~":"once","&":"passive"};function s(e){var t=e.match(i)[0];return(null==n?n=/msie|trident/.test(window.navigator.userAgent.toLowerCase()):n)?-1<t.indexOf("!"):t.split("").reduce(function(e,t){return e[o[t]]=!0,e},{})}return{name:"GlobalEvents",props:{target:{type:String,default:"document"},filter:{type:Function,default:function(e){return!0}}},data:function(){return{isActive:!0}},activated:function(){console.log("activated"),this.isActive=!0},deactivated:function(){console.log("deactivated"),this.isActive=!1},render:function(e){return e()},mounted:function(){var i=this;this._listeners=Object.create(null),Object.keys(this.$listeners).forEach(function(t){var n=i.$listeners[t],e=function(e){i.isActive&&i.filter(e,n,t)&&n(e)};window[i.target].addEventListener(t.replace(r,""),e,s(t)),i._listeners[t]=e})},beforeDestroy:function(){var e=this;for(var t in e._listeners)window[e.target].removeEventListener(t.replace(r,""),e._listeners[t],s(t))}}}); |
{ | ||
"name": "vue-global-events", | ||
"version": "1.1.2", | ||
"version": "1.2.0", | ||
"description": "Component to register global events", | ||
@@ -56,11 +56,13 @@ "main": "dist/vue-global-events.cjs.js", | ||
"devDependencies": { | ||
"@vue/test-utils": "^1.0.0-beta.25", | ||
"babel-jest": "^23.6.0", | ||
"babel-preset-env": "^1.6.1", | ||
"codecov": "^3.0.0", | ||
"eslint": "^5.9.0", | ||
"eslint-config-posva": "^2.0.3", | ||
"jest": "^23.6.0", | ||
"vue": "^2.5.17", | ||
"vue-template-compiler": "^2.5.17" | ||
"@babel/core": "^7.5.4", | ||
"@babel/preset-env": "^7.5.4", | ||
"@vue/test-utils": "^1.0.0-beta.29", | ||
"babel-jest": "^26.0.0", | ||
"codecov": "^3.5.0", | ||
"eslint": "^7.0.0", | ||
"eslint-config-posva": "^3.0.2", | ||
"jest": "^26.0.0", | ||
"rollit": "^0.0.9", | ||
"vue": "^2.6.10", | ||
"vue-template-compiler": "^2.6.10" | ||
}, | ||
@@ -67,0 +69,0 @@ "jest": { |
@@ -5,2 +5,15 @@ # vue-global-events [](https://circleci.com/gh/shentao/vue-global-events) [](https://www.npmjs.com/package/vue-global-events) [](https://codecov.io/github/shentao/vue-global-events) | ||
## Sponsors | ||
### Bronze | ||
<p align="center"> | ||
<a href="https://www.vuemastery.com/" target="_blank"> | ||
<img src="https://cdn.discordapp.com/attachments/258614093362102272/557267759130607630/Vue-Mastery-Big.png" alt="Vue Mastery logo" width="180px"> | ||
</a> | ||
<a href="https://vuejobs.com/" target="_blank"> | ||
<img src="https://cdn.discordapp.com/attachments/560524372897562636/636900598700179456/vuejobs-logo.png" alt="Vue Jobs logo" width="140px"> | ||
</a> | ||
</p> | ||
## Installation | ||
@@ -103,13 +116,12 @@ | ||
Just use [poi](https://github.com/egoist/poi) | ||
Build the library with: | ||
```bash | ||
# if not yet installed | ||
npm i -g poi | ||
poi index.js | ||
npm run build | ||
``` | ||
## Authors: | ||
And then open the `index.html` file | ||
## Authors | ||
Damian Dulisz [@shentao](https://github.com/shentao) | ||
@@ -116,0 +128,0 @@ |
@@ -35,14 +35,25 @@ import { isIE } from './utils' | ||
type: Function, | ||
default: e => true | ||
default: (e) => true | ||
} | ||
}, | ||
render: h => h(), | ||
// track keep-alive active state | ||
data: () => ({ isActive: true }), | ||
activated () { | ||
console.log('activated') | ||
this.isActive = true | ||
}, | ||
deactivated () { | ||
console.log('deactivated') | ||
this.isActive = false | ||
}, | ||
render: (h) => h(), | ||
mounted () { | ||
this._listeners = Object.create(null) | ||
Object.keys(this.$listeners).forEach(event => { | ||
Object.keys(this.$listeners).forEach((event) => { | ||
const listener = this.$listeners[event] | ||
const handler = e => { | ||
this.filter(e, listener, event) && listener(e) | ||
const handler = (e) => { | ||
this.isActive && this.filter(e, listener, event) && listener(e) | ||
} | ||
@@ -49,0 +60,0 @@ window[this.target].addEventListener( |
18401
337
132
11