AS
а деструктор там не нужен чтоли?
Size: a a a
2020 September 24
МТ
а деструктор там не нужен чтоли?
Та там может быть банальный
opacity: 0, duration: 0.3 например, просто накинул что там рандомная анимация присутствуетМТ
и для таких однострочек по 3 строчки жалко :(
Но на самом деле - а почему нет?🤔
Конечно можно в таком кейсе засорять разметку, но в онклике же можно
Но на самом деле - а почему нет?🤔
Конечно можно в таком кейсе засорять разметку, но в онклике же можно
МТ
и прочих ивентах
PM
Марк Танащук
Я использую помимо этого gsap для анимирования нод:
function animate(node) {
gsap.from(node, { someAnimation });
}<div use:animate></div>
И таких блочков в проекте уже накопилось штук 15 однострочных.Прими gsap и someAnination как параметры экшена и вынеси его в js файл
МТ
Прими gsap и someAnination как параметры экшена и вынеси его в js файл
И тогда у меня не скрипты а js файл засоряется :(
МТ
Хотя
МТ
const functionName = node => code можно жеНе проснулся
PM
Марк Танащук
И тогда у меня не скрипты а js файл засоряется :(
Да у тебя будет 1 просто функция для интеграции с анимациями и все
PM
Будешь везде ее юзать и параметрами получать что тебе нужно
PM
Вот скидывал пример интеграции со flatpickr. Не хитрый код даёт все вариации и возможности flatpickr в свелт
КС
ну да, никто же не мешает завернуть произвольную функцию в экшене в качестве параметра :)
или какой-то более аккуратный интерфейс сделать, в зависимости от вариаций этих экшенов
или какой-то более аккуратный интерфейс сделать, в зависимости от вариаций этих экшенов
PM
Кирилл Спасибович
ну да, никто же не мешает завернуть произвольную функцию в экшене в качестве параметра :)
или какой-то более аккуратный интерфейс сделать, в зависимости от вариаций этих экшенов
или какой-то более аккуратный интерфейс сделать, в зависимости от вариаций этих экшенов
Да, туда можно коллбеки передавать, например чтобы из экшена менять стейт компонента или просто отстреливать ивенты на ноде, как в примере
КС
<script>
function anim(node, action) {
action(node);
}
</script>
<button use:anim={node => gsap.from(node, { someAnimation })}>
Animated button?
</button>
КС
как-то так наверное ?
КС
поперемешал всё, фокус в покус, а анимацию забыл :)
КС
поправил :)
МТ
Кирилл Спасибович
поперемешал всё, фокус в покус, а анимацию забыл :)
собсно я пошел дальше - так как gsap нормально не делает изоляцию и есть у него при использовании свелт траблы с получением нод в некоторых кейсах мне пришлось делать нечто по типу:
const animateArrow = node => {
node.addEventListener('click', () => {
gsap.to(
node.querySelector('svg'),
{ duration: 0.3, x: '-1.25vw' }
)
);
}МТ
Для симуляции изолированности querySelector от ноды нынешней то бишь делаю
МТ
был бы варик по дефолту указывать какую то ноду вместо document было бы круто, но то вопросы к гсапу =\