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

Layout

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

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

快速跳转

同分类组件

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

更新日志

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

v0.50.0

2026-10-02

对比版本

新功能

让主视口决定 isMobile 状态,并公开抽屉状态

范围: layout作者: soybeanjs查看提交6f9d8

新功能

在基本示例中暴露区域可见性属性

范围: layout作者: soybeanjs查看提交b08dc

修复

在移动端随视口调整,并消除侧边栏的间隙

范围: layout作者: soybeanjs查看提交da8ef

修复

在移动端保持抽屉式导航展开状态

范围: layout作者: soybeanjs查看提交989ca

修复

在移动端抽屉菜单中重新发布布局变量

范围: layout作者: soybeanjs查看提交fb1ad

修复

当标题栏隐藏时,折叠“已修复”标签页

范围: layout作者: soybeanjs查看提交99976

修复

当侧边栏隐藏时,移除侧边栏相邻区域的间距

范围: layout作者: soybeanjs查看提交a2f34

修复

对于零宽度侧边栏,不进行预留和绘制

范围: layout作者: soybeanjs查看提交f6aef

优化

调整过渡时长,并在布局触发器中添加边距

范围: layout作者: soybeanjs查看提交0cbff

维护

使表面分层断言与当前示例保持一致

范围: layout作者: soybeanjs查看提交1ab80

新功能

在基本示例中暴露区域可见性属性

范围: layout作者: soybeanjs查看提交b08dc

修复

当标题栏隐藏时,折叠“已修复”标签页

范围: layout作者: soybeanjs查看提交99976

修复

当侧边栏隐藏时,移除侧边栏相邻区域的间距

范围: layout作者: soybeanjs查看提交a2f34

修复

对于零宽度侧边栏,不进行预留和绘制

范围: layout作者: soybeanjs查看提交f6aef

修复

在移动端抽屉菜单中重新发布布局变量

范围: layout作者: soybeanjs查看提交fb1ad

新功能

让主视口决定 isMobile 状态,并公开抽屉状态

范围: layout作者: soybeanjs查看提交6f9d8

修复

在移动端随视口调整,并消除侧边栏的间隙

范围: layout作者: soybeanjs查看提交da8ef

修复

在移动端保持抽屉式导航展开状态

范围: layout作者: soybeanjs查看提交989ca

文档

使表面分层断言与当前示例保持一致

范围: layout作者: soybeanjs查看提交1ab80

优化

调整过渡时长,并在布局触发器中添加边距

范围: layout作者: soybeanjs查看提交0cbff

v0.22.3

2026-05-17

对比版本

修复

用 DialogPopup 代替 DialogContent,用于移动布局

范围: layout作者: soybeanfe查看提交1efaa

v0.15.5

2026-04-30

对比版本

优化

删除 LayoutClassicRootProps 中未使用的属性

范围: layout作者: soybeanfe查看提交c9233

v0.9.1

2026-03-03

对比版本

修复

为侧边栏添加背景色,使其更加醒目

范围: layout作者: soybeanjs查看提交1ce3f

优化

优化布局样式

范围: layout作者: soybeanjs查看提交f5d4d

v0.6.3

2026-02-08

对比版本

修复

为选项卡和内容变量添加背景色

范围: layout作者: soybeanjs查看提交d7ab2

v0.5.9

2026-02-07

对比版本

修复

更新布局变体的主样式和根样式

范围: layout作者: soybeanjs查看提交4bea2

v0.5.8

2026-02-07

对比版本

新功能

在布局道具中添加 tabVisible 和 footerVisible 道具

范围: layout作者: soybeanjs查看提交af2b6

v0.3.2

2026-01-29

对比版本

新功能

添加 LayoutContent 组件并更新布局结构

范围: layout作者: soybeanjs查看提交f5515

v0.1.6

2026-01-27

对比版本

新功能

添加可定制的页眉、标签和页脚高度

范围: layout作者: soybeanjs查看提交17258

v0.1.1

2026-01-23

对比版本

新功能

为侧面、变体和可折叠添加默认道具

范围: layout作者: soybeanjs查看提交203e7

v0.0.14

2026-01-14

对比版本

破坏性变更

将移动端媒体查询替换为 isMobile 布尔值,以优化布局处理

范围: layout作者: soybeanjs查看提交3718f

v0.0.13

2026-01-09

对比版本

修复

调整面包屑间距并增强内容区域,以提高布局一致性

范围: layout作者: soybeanjs查看提交c595b

v0.0.11

2026-01-08

对比版本

修复

更新配置和布局文件中的最大宽度值,使样式保持一致

范围: layout作者: soybeanjs查看提交861cc

v0.0.10

2026-01-07

对比版本

重构

用 pxToRem 函数替换 sizeRatio,改进侧边栏宽度计算,更新移动布局样式

范围: layout作者: soybeanjs查看提交ca234

v0.0.8

2026-01-01

对比版本

修复

用 drawerPopupVariants 替换 drawerContentVariants,以改进布局处理

范围: layout作者: soybeanjs查看提交6ba89

v0.0.7

2025-12-09

对比版本

修复

为移动抽屉添加 z-index 以提高可视性

范围: layout作者: soybeanjs查看提交43a1c

v0.0.6

2025-12-09

对比版本

修复

调整标题和布局样式,提高一致性和溢出处理能力

范围: layout作者: soybeanjs查看提交6996b

v0.0.2

2025-11-18

对比版本

新功能

实现布局组件

范围: layout作者: soybeanjs查看提交cf0ee

优化

将主题变量重命名为 themeContext,以确保布局组件间的一致性

范围: layout作者: soybeanjs查看提交270ed

新功能

实现布局组件

范围: layout作者: soybeanjs查看提交cf0ee

优化

将主题变量重命名为 themeContext,以确保布局组件间的一致性

范围: layout作者: soybeanjs查看提交270ed