布局属性

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

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

名称	描述
`params`	传递给 `createLayout()` 的配置对象 (`AutoLayoutParams`)
`root`	解析后的根元素，测量从此开始 (`HTMLElement`)
`children`	Selector(s) used to find tracked elements each time `.record()` runs (`String\|Array<String>`)
`enterFromParams`	进入布局的节点的动画参数（`Object`）
`leaveToParams`	布局中节点离开时的动画参数 (`Object`)
`swapAtParams`	布局过渡期间节点交换的动画参数（`对象`）
`properties`	每当其值更改时会进行插值的一组 CSS 属性名称 (`Set<String>`)
`oldState`	`LayoutSnapshot` objects containing previous measurements
`newState`	`LayoutSnapshot` objects containing latest measurements
`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 helpers

layout.oldState 和 layout.newState 提供像 .getNode(element) 和 .getComputedValue(element, property) 这样的方法，用于检查记录的测量值。

Inspecting runtime arrays

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