StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.6 KiB
54 lines
1.6 KiB
4 years ago
|
import { contains } from '../utils/dom';
|
||
|
|
import { EVENT_OPTIONS_NO_CAPTURE, eventOn, eventOff } from '../utils/events'; // @vue/component
|
||
|
|
|
||
|
|
export default {
|
||
|
|
data: function data() {
|
||
|
|
return {
|
||
|
|
listenForClickOut: false
|
||
|
|
};
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
listenForClickOut: function listenForClickOut(newValue, oldValue) {
|
||
|
|
if (newValue !== oldValue) {
|
||
|
|
eventOff(this.clickOutElement, this.clickOutEventName, this._clickOutHandler, EVENT_OPTIONS_NO_CAPTURE);
|
||
|
|
|
||
|
|
if (newValue) {
|
||
|
|
eventOn(this.clickOutElement, this.clickOutEventName, this._clickOutHandler, EVENT_OPTIONS_NO_CAPTURE);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
beforeCreate: function beforeCreate() {
|
||
|
|
// Declare non-reactive properties
|
||
|
|
this.clickOutElement = null;
|
||
|
|
this.clickOutEventName = null;
|
||
|
|
},
|
||
|
|
mounted: function mounted() {
|
||
|
|
if (!this.clickOutElement) {
|
||
|
|
this.clickOutElement = document;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!this.clickOutEventName) {
|
||
|
|
this.clickOutEventName = 'click';
|
||
|
|
}
|
||
|
|
|
||
|
|
if (this.listenForClickOut) {
|
||
|
|
eventOn(this.clickOutElement, this.clickOutEventName, this._clickOutHandler, EVENT_OPTIONS_NO_CAPTURE);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
beforeDestroy: function beforeDestroy()
|
||
|
|
/* istanbul ignore next */
|
||
|
|
{
|
||
|
|
eventOff(this.clickOutElement, this.clickOutEventName, this._clickOutHandler, EVENT_OPTIONS_NO_CAPTURE);
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
isClickOut: function isClickOut(evt) {
|
||
|
|
return !contains(this.$el, evt.target);
|
||
|
|
},
|
||
|
|
_clickOutHandler: function _clickOutHandler(evt) {
|
||
|
|
if (this.clickOutHandler && this.isClickOut(evt)) {
|
||
|
|
this.clickOutHandler(evt);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|