---
title: 设计文档
order: 2
category: pro
---

# PisellReservationScheduleBand 设计说明

## 布局

- **上半区**：`PisellReservationSchedule` 深色营业日条。
- **下半区**：`PisellTimeNavigator` 横向时间轴，与选中日对齐（`referenceDate` 为当前 `date`）。

## 状态模型

- 单一数据源 `{ date, at }`：避免「日条选的日」与「轴上时刻所属日」不一致。
- 换日时保留「日内时间」的语义，减少用户重复拖动轴。

## 场景

- 预约列表顶栏、排班视图等与 `RecordBoard` 工具条并列展示。
