使用

使用 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'));