布局属性

在 createLayout() 返回的 AutoLayout 实例上可用的属性。

const layout = createLayout(root, parameters);
       ┌──────────────────────┐
layout.│root                  │
layout.│timeline              ├─ Properties
layout.│entering              │
       └──────────────────────┘

名称	描述
params	传递给 createLayout() 的配置对象 (AutoLayoutParams)
根	测量开始的已解析根元素 (HTMLElement)
子元素	每次运行 .record() 时用于查找跟踪元素的选择器 (String|Array<String>)
enterFromParams	进入布局的节点的动画参数 (Object)
leaveToParams	离开布局的节点的动画参数 (Object)
swapAtParams	在布局过渡期间交换的节点的动画参数 (Object)
属性	当其值发生变化时，将插值的 CSS 属性名称集合 (Set<String>)
oldState	包含先前测量的 LayoutSnapshot 对象
newState	包含最新测量的 LayoutSnapshot 对象
timeline	上次 .animate() / .update() 调用返回的时间线实例 (Timeline|null)
animating	在最新的 .animate() 调用期间动画的 DOM 节点数组 (Array<DOMTarget>)
swapping	在最新的 .animate() 调用期间交换的 DOM 节点数组 (Array<DOMTarget>)
entering	在最新的 .animate() 调用期间进入的 DOM 节点数组 (Array<DOMTarget>)
leaving	在最新的 .animate() 调用期间离开的 DOM 节点数组 (Array<DOMTarget>)
id	用于调试的增量标识符 (Number)

LayoutSnapshot 辅助工具

layout.oldState 和 layout.newState 暴露了诸如 .getNode(element) 和 .getComputedValue(element, property) 之类的方法，用于检查记录的测量值。

检查运行时数组

layout.entering、layout.leaving 和 layout.swapping 在每次运行 .animate() 时都会被清除并重新填充。在调用 layout.update() 后立即使用它们，以便在时间线完成之前协调自定义状态。