КС
они ж как-то ждут завершения своих "транзишенов"
Size: a a a
2021 March 20
МТ
КС
типа unmount: wait until destroy resolves
и запускать как-то
как думаешь ?
и запускать как-то
use-blocking:action или use:action={{blocking: true}}как думаешь ?
КС
function action(node) {
return () => {
return new Promise((resolve) => {
doGsapAnimation(node);
resolve();
});
};
}МТ
Напомни пожалуйста для чего?
КС
для того чтобы можно было произвольные транзишены делать
КС
на маунтах онмаунтах ноды
КС
и вообще отвязаться от свелтовских когда нужно
МТ
В юзерленде это слишком просто делается так что думаю за это не возьмутся :(
КС
и как же это сделать ?
МТ
Как минимум вместо прямого изменения в коде переменной (
{#if visible}) после чего вызывается анимация можно в gsap вызвать после окончания анимации onComplete: () => visible = false и тогда код пропадет после анимацииМТ
Без гсапа концепт вроде тот же но муторней
КС
ну это начинает вонять императивщиной
МТ
Та если и согласятся то только на css какой-то
КС
и становится неудобным
КС
уже же не запакуешь так аккуратно в экшен
КС
нужно отдельный хендлер делать, который будет запускать анимацию, которая потом втыкнет visible = false
КС
в общем я думаю что если destroy в экшене возвращает промис, то надо не анмаунтить ноду пока он не зарезолвится, вот это было бы крутяк
КС
обычно же он ничего не возвращает
МТ
Кирилл Спасибович
уже же не запакуешь так аккуратно в экшен
<script>
function animate(node, isVisible) {
gsap.to(node, {
// initAnimation
})
return {
update(isVisible) {
gsap.to(node, {
//destroyAnimation,
onComplete: () => visible = false
})
}
}
}
</script>
{#if visible}
<div use:animate={isVisible}>content</div>
{/if}