SoybeanUI 已更名为 VeanUI迁移指南包名迁移至 @vean/aria 与 @vean/ui,文档站迁至 veanui.com。本站将于 2026 年 11 月重定向,@soybeanjs 系列包将于 2027 年 4 月标记废弃。
组件
返回目录
组件详情入口
浮层
@soybeanjs/ui
SDrawer

Drawer

Drawer 属于 浮层 分类。建议先看演示与用法,再对照 API 表格完成接入和样式调整。

先用快捷跳转面板找到概述、用法、演示和 API,再往下细读完整文档内容。

快速跳转

同分类组件

如果你在同一类交互里做组合,这些组件通常会一起出现。

更新日志

版本记录按发布版本分组,便于快速查看这个组件在不同版本里的实际变更。

v0.50.0

2026-10-02

对比版本

修复

调整受控的对齐点,并消除首次打开时的位置闪烁

范围: drawer作者: soybeanjs查看提交ed96b

修复

修复手势释放速度、双指缩放内存泄漏以及滑动区域意外开启的问题

范围: drawer作者: soybeanjs查看提交135ae

修复

当视口发生变化时,重新测量弹出框的尺寸

范围: drawer作者: soybeanjs查看提交4f32c

修复

将面板保持在视口内,并保留其最大的对齐点

范围: drawer作者: soybeanjs查看提交0dc2a

修复

将全屏状态与面板关联

范围: drawer作者: soybeanjs查看提交aa4b0

修复

当抽屉处于全屏模式时,暂停对齐功能

范围: drawer作者: soybeanjs查看提交716ac

修复

当抽屉处于全屏模式时,冻结拖动手势

范围: drawer作者: soybeanjs查看提交336d1

修复

退出全屏模式后保持内容高度不变

范围: drawer作者: soybeanjs查看提交44693

重构

将 BottomSheet 重命名为 Drawer,拆分 Sheet,添加滑动关闭和侧边变体

范围: drawer作者: soybeanjs查看提交f017c

重构

移植基础 UI 手势模型,并修复了六个交互错误

范围: drawer作者: soybeanjs查看提交067c9

文档

在 v0.50.0 中添加基础 UI 模型重构计划及相关链接

范围: drawer作者: soybeanjs查看提交16acf

文档

记录工具栏修复的 iOS 验证情况

范围: drawer作者: soybeanjs查看提交1f9bc

文档

添加一个涵盖屏幕键盘的表单示例

范围: drawer作者: soybeanjs查看提交bbf70

文档

将生成的技能与全屏合约进行同步

范围: drawer作者: soybeanjs查看提交32578

维护

将基础 UI 抽屉接口移植到浏览器端到端测试,并解决 D4.3 问题

范围: drawer作者: soybeanjs查看提交7bdea

修复

将全屏状态与面板关联

范围: drawer作者: soybeanjs查看提交aa4b0

修复

当抽屉处于全屏模式时,暂停对齐功能

范围: drawer作者: soybeanjs查看提交716ac

修复

当抽屉处于全屏模式时,冻结拖动手势

范围: drawer作者: soybeanjs查看提交336d1

修复

退出全屏模式后保持内容高度不变

范围: drawer作者: soybeanjs查看提交44693

文档

将生成的技能与全屏合约进行同步

范围: drawer作者: soybeanjs查看提交32578

修复

调整受控的对齐点,并消除首次打开时的位置闪烁

范围: drawer作者: soybeanjs查看提交ed96b

修复

修复手势释放速度、双指缩放内存泄漏以及滑动区域意外开启的问题

范围: drawer作者: soybeanjs查看提交135ae

修复

当视口发生变化时,重新测量弹出框的尺寸

范围: drawer作者: soybeanjs查看提交4f32c

修复

将面板保持在视口内,并保留其最大的对齐点

范围: drawer作者: soybeanjs查看提交0dc2a

重构

将 BottomSheet 重命名为 Drawer,拆分 Sheet,添加滑动关闭和侧边变体

范围: drawer作者: soybeanjs查看提交f017c

重构

移植基础 UI 手势模型,并修复了六个交互错误

范围: drawer作者: soybeanjs查看提交067c9

文档

在 v0.50.0 中添加基础 UI 模型重构计划及相关链接

范围: drawer作者: soybeanjs查看提交16acf

文档

记录工具栏修复的 iOS 验证情况

范围: drawer作者: soybeanjs查看提交1f9bc

文档

添加一个涵盖屏幕键盘的表单示例

范围: drawer作者: soybeanjs查看提交bbf70

维护

将基础 UI 抽屉接口移植到浏览器端到端测试,并解决 D4.3 问题

范围: drawer作者: soybeanjs查看提交7bdea

v0.31.0

2026-08-31

对比版本

重构

将 Dialog 界面组件封装为域原语

范围: bottom-sheet作者: soybeanfe, cursoragent查看提交ddd66

v0.20.0

2026-05-12

对比版本

修复

简化变量合并逻辑,删除未使用的插槽

范围: bottom-sheet作者: soybeanjs查看提交e96e7

修复

简化计算属性中的变量分配

范围: drawer作者: soybeanjs查看提交b55f5

v0.19.0

2026-05-11

对比版本

修复

改进 fadeFromIndex 和 snapPoints 逻辑

范围: bottom-sheet作者: soybeanfe查看提交76d82

v0.15.4

2026-04-30

对比版本

新功能

实施 BottomSheet 组件

范围: components作者: soybeanjs, CopilotKit查看提交fb274

v0.0.10

2026-01-07

对比版本

重构

更新抽屉组件结构和样式,用 drawerVariants 代替 drawerContentVariants,改进用户界面管理

范围: drawer作者: soybeanjs查看提交cfb41

v0.0.2

2025-11-18

对比版本

新功能

新增底部滑出面板组件,支持多种尺寸变体和默认设置

范围: bottom-sheet作者: soybeanjs查看提交fa3f6

新功能

引入新的抽屉组件,包含侧边和滚动两种变体;更新对话框示例,使其使用纯按钮变体

范围: drawer作者: soybeanjs查看提交b2042

新功能

为抽屉组件添加可滚动功能,并更新相关样式

范围: drawer作者: soybeanjs查看提交e199f

修复

更新 DialogClose 类的绑定以适配可关闭状态

范围: drawer作者: soybeanjs查看提交2958b

优化

为保持一致性,将 DialogClose 插槽名称从 closeIcon 更新为 close

范围: drawer作者: soybeanjs查看提交c72e3

新功能

新增底部滑出面板组件,支持多种尺寸变体和默认设置

范围: bottom-sheet作者: soybeanjs查看提交fa3f6

新功能

为背景缩放添加默认属性

范围: drawer作者: soybeanjs查看提交1fe4b

新功能

引入新的抽屉组件,包含侧边和滚动两种变体;更新对话框示例,使其使用纯按钮变体

范围: drawer作者: soybeanjs查看提交b2042

新功能

为抽屉组件添加可滚动功能,并更新相关样式

范围: drawer作者: soybeanjs查看提交e199f

修复

更新 DialogClose 类的绑定以适配可关闭状态

范围: drawer作者: soybeanjs查看提交2958b

优化

为保持一致性,将 DialogClose 插槽名称从 closeIcon 更新为 close

范围: drawer作者: soybeanjs查看提交c72e3

新功能

为背景缩放添加默认属性

范围: drawer作者: soybeanjs查看提交1fe4b