用法

通过 layout.record() & layout.animate() 组合

创建并 record() 布局的初始状态

const layout = createLayout(rootEl);

layout.record();

更改布局状态(更新 CSS、移除或添加元素等)

rootEl.classList.toggle('row');

animate() 从旧状态自动过渡到新状态

layout.animate();

通过 layout.update()

或者更简单,通过在一次调用中在 update() 回调函数内更新 DOM 状态

const layout = createLayout(rootEl);

layout.update(() => rootEl.classList.toggle('row'));