51 lines
973 B
JavaScript
51 lines
973 B
JavaScript
|
import Vue from 'vue';
|
||
|
|
/**
|
||
|
|
* Delayable
|
||
|
|
*
|
||
|
|
* @mixin
|
||
|
|
*
|
||
|
|
* Changes the open or close delay time for elements
|
||
|
|
*/
|
||
|
|
|
||
|
|
export default Vue.extend().extend({
|
||
|
|
name: 'delayable',
|
||
|
|
props: {
|
||
|
|
openDelay: {
|
||
|
|
type: [Number, String],
|
||
|
|
default: 0
|
||
|
|
},
|
||
|
|
closeDelay: {
|
||
|
|
type: [Number, String],
|
||
|
|
default: 0
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: () => ({
|
||
|
|
openTimeout: undefined,
|
||
|
|
closeTimeout: undefined
|
||
|
|
}),
|
||
|
|
methods: {
|
||
|
|
/**
|
||
|
|
* Clear any pending delay timers from executing
|
||
|
|
*/
|
||
|
|
clearDelay() {
|
||
|
|
clearTimeout(this.openTimeout);
|
||
|
|
clearTimeout(this.closeTimeout);
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Runs callback after a specified delay
|
||
|
|
*/
|
||
|
|
runDelay(type, cb) {
|
||
|
|
this.clearDelay();
|
||
|
|
const delay = parseInt(this[`${type}Delay`], 10);
|
||
|
|
this[`${type}Timeout`] = setTimeout(cb || (() => {
|
||
|
|
this.isActive = {
|
||
|
|
open: true,
|
||
|
|
close: false
|
||
|
|
}[type];
|
||
|
|
}), delay);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=index.js.map
|