34 lines
684 B
TypeScript
34 lines
684 B
TypeScript
/**
|
|
* Bind event when mounted or activated
|
|
*/
|
|
import { on, off } from '../utils/dom/event';
|
|
|
|
type BindEventMixinThis = {
|
|
binded: boolean;
|
|
};
|
|
|
|
type BindEventHandler = (bind: typeof on | typeof off, isBind: boolean) => void;
|
|
|
|
export function BindEventMixin(handler: BindEventHandler) {
|
|
function bind(this: BindEventMixinThis) {
|
|
if (!this.binded) {
|
|
handler.call(this, on, true);
|
|
this.binded = true;
|
|
}
|
|
}
|
|
|
|
function unbind(this: BindEventMixinThis) {
|
|
if (this.binded) {
|
|
handler.call(this, off, false);
|
|
this.binded = false;
|
|
}
|
|
}
|
|
|
|
return {
|
|
mounted: bind,
|
|
activated: bind,
|
|
deactivated: unbind,
|
|
beforeUnmount: unbind,
|
|
};
|
|
}
|