Анимировать отступы дерева в Svelte

Я пытаюсь анимировать движущиеся элементы в древовидной структуре данных в Svelte, и у меня возникают трудности. В частности, у меня проблемы с отступом / отступом элементов с красивой анимацией.

Я хочу отобразить дерево и иметь возможность выбирать элементы в дереве для отступа / отступа.

Повторите ссылку ниже на пример, который активирует отступ при выборе элемента и нажатии клавиши Tab. Вытеснение активируется с помощью "Shift" + "Tab".

Repl

Проблемы с моим подходом до сих пор:

  1. Как настроить анимацию входа / выхода для определения нового местоположения, чтобы не запускался резервный кроссфейд? Откат должен срабатывать только AFAIK, когда элементы добавляются в дерево - а не перемещаются.
  2. Как предотвратить запуск анимации при отступе элемента? То есть, чтобы предотвратить временное перемещение вверх / вниз братьев и сестер перемещаемого элемента.

Это как-то возможно в Svelte?

0 ответов

Другие вопросы по тегам