#<Sheet>

• 支持受控与非受控两种显示方式。
• 支持吸附点配置，包括百分比高度与内容自适应高度。
• 支持通过 SheetRootRef 进行命令式控制。

Sheet 是用于上下文操作、详情面板和临时流程的滑动面板。它支持底部面板、顶部面板、侧边抽屉、吸附点、拖拽、点击遮罩关闭，以及受控和命令式两种使用方式。

#基本用法

从 SheetRoot、SheetView、SheetBackdrop 和 SheetContent 开始。将视觉面板放在 SheetContent 上，再用遮罩和拖拽手势完成自然关闭。

#自动高度

当面板高度应跟随内容变化时，使用 fit 吸附点。它适合菜单、短表单，以及高度无法提前确定的内容。

#受控状态

当打开状态属于页面时，使用 show 和 onShowChange。如果其他 UI、埋点或导航逻辑需要与面板状态同步，这就是合适的模型。

#不同方向

使用 side 选择 Sheet 是底部面板、顶部面板还是抽屉。需要跟随 RTL 布局时优先使用 start 和 end，必须固定物理边缘时使用 left 或 right。

#命令式控制

当父级需要直接控制面板时，使用 SheetRootRef。open、close、snapTo、expand 和 collapse 适合工具栏操作或多步骤流程联动。

#结构

<SheetRoot>
  <SheetView>
    <SheetBackdrop />
    <SheetContent>
      <SheetHandle />
    </SheetContent>
  </SheetView>
</SheetRoot>

#API

#SheetRoot

The root component of the Sheet, containing all of its child components.

#SheetBackdrop

The backdrop mask of the Sheet.

#SheetView

The view container of the Sheet. Can be x-overlay-ng or view. Controls the Sheet's overlay layer and stacking order.

#SheetContent

The main content of the Sheet.