Collapse
展开 / 收起的过渡。按内容的自然尺寸动画，换了内容不用重算像素。它只管过渡，不带触发器：谁来开关、aria-expanded 标在哪由用的地方决定；要标题栏 + 面板的成品用 Disclosure。
做法是 grid 轨道 0fr ↔ 1fr 过渡——auto 尺寸浏览器不插值，interpolate-size 能直接过渡到 auto，但 Safari / Firefox 还不支持。收起时内容 inert：看不见的按钮不留 Tab 位，读屏也跳过。
纵向
展开高级选项
导出时附带图层名称与隐藏图层。
文字较多时,展开高度跟着内容走。
横向
axis="x" 沿宽度展开。放进工具条时，收起后宽度为 0 但工具条的间距还在，用负外边距抵掉、展开时由内侧补回。
悬停展开的缩放条
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
open 必填 | boolean | — | — |
axis | "y" | "x" | undefined | "y" | 沿哪个方向展开:y 纵向(默认)、x 横向 |
Slots
| 插槽 | 说明 |
|---|---|
default | — |