32 lines
1.0 KiB
JavaScript
32 lines
1.0 KiB
JavaScript
|
import { Feature } from '../Feature.mjs';
|
||
|
|
|
||
|
|
let id = 0;
|
||
|
|
class ExitAnimationFeature extends Feature {
|
||
|
|
constructor() {
|
||
|
|
super(...arguments);
|
||
|
|
this.id = id++;
|
||
|
|
}
|
||
|
|
update() {
|
||
|
|
if (!this.node.presenceContext)
|
||
|
|
return;
|
||
|
|
const { isPresent, onExitComplete, custom } = this.node.presenceContext;
|
||
|
|
const { isPresent: prevIsPresent } = this.node.prevPresenceContext || {};
|
||
|
|
if (!this.node.animationState || isPresent === prevIsPresent) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const exitAnimation = this.node.animationState.setActive("exit", !isPresent, { custom: custom !== null && custom !== void 0 ? custom : this.node.getProps().custom });
|
||
|
|
if (onExitComplete && !isPresent) {
|
||
|
|
exitAnimation.then(() => onExitComplete(this.id));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
mount() {
|
||
|
|
const { register } = this.node.presenceContext || {};
|
||
|
|
if (register) {
|
||
|
|
this.unmount = register(this.id);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
unmount() { }
|
||
|
|
}
|
||
|
|
|
||
|
|
export { ExitAnimationFeature };
|