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

Accordion

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

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

快速跳转

同分类组件

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

更新日志

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

v0.22.0

2026-05-13

对比版本

优化

默认启用可折叠行为并更新相关道具

范围: accordion作者: soybeanjs查看提交bec18

v0.15.0

2026-04-26

对比版本

新功能

实施 AccordionCompact 组件并更新相关类型和上下文

范围: accordion作者: soybeanjs查看提交e05b3

新功能

添加 AccordionDescription 组件并更新相关文件

范围: accordion作者: soybeanfe查看提交6506e

优化

优化插槽模板类型

范围: accordion作者: soybeanjs查看提交db7a1

优化

为 Accordion 组件重组导入并更新插槽结构

范围: accordion作者: soybean-js查看提交22707

新功能

添加 AccordionDescription 组件并更新相关文件

范围: accordion作者: soybeanfe查看提交6506e

优化

为 Accordion 组件重组导入并更新插槽结构

范围: accordion作者: soybean-js查看提交22707

新功能

实施 AccordionCompact 组件并更新相关类型和上下文

范围: accordion作者: soybeanjs查看提交e05b3

优化

优化插槽模板类型

范围: accordion作者: soybeanjs查看提交db7a1

v0.8.0

2026-02-10

对比版本

修复

为 unmountOnHide 添加默认值

范围: accordion作者: soybeanjs查看提交1f86b

v0.0.2

2025-11-18

对比版本

新功能

实现折叠组件结构,包含根节点、项目、标题、内容、触发器及上下文管理

范围: accordion作者: soybeanjs查看提交183c5

新功能

为折叠组件添加主题上下文,以实现样式自定义

范围: accordion作者: soybeanjs查看提交e7600

新功能

实现一个具备属性管理、可自定义插槽以及主题上下文集成功能的 Accordion 组件

范围: accordion作者: soybeanjs查看提交a0fcd

新功能

添加多个带有自定义图标和样式选项的折叠面板示例,并整合卡片组件示例

范围: accordion作者: soybeanjs查看提交c6128

新功能

实现了具有可自定义插槽和属性的 Accordion 组件,增强了 Accordion 的功能和主题支持

范围: accordion作者: soybeanjs查看提交be778

修复

通过将描述包裹在段落中来增强内容插槽,并更新折叠面板变体的样式以优化间距

范围: accordion作者: soybeanjs查看提交7a4cc

修复

调整所有尺寸变体中触发元素的内边距和间距值,以提高布局的一致性

范围: accordion作者: soybeanjs查看提交db0e7

优化

使用 `useSelection` 优化折叠面板

范围: accordion作者: soybeanjs查看提交220ac

重构

为提高清晰度,请重命名根元素的引用;为确保唯一性,请更新触发器 ID 的前缀

范围: accordion作者: soybeanjs查看提交19086

重构

将直接使用集合项属性的方式替换为辅助函数,以改进 keydown 事件的处理

范围: accordion作者: soybeanjs查看提交5e894

重构

更新折叠面板的上下文,为 rootElement 使用 shallowRef,并改进方向处理机制

范围: accordion作者: soybeanjs查看提交273cc

重构

通过移除不必要的类型参数并改进单个/多个处理的清晰度,简化折叠组件的属性

范围: accordion作者: soybeanjs查看提交5d201

重构

将 `toggleModelValue` 重命名为 `onModelValueChange`,以提高值处理的清晰度

范围: accordion作者: soybeanjs查看提交f3161

重构

将“direction”重命名为“dir”,以确保上下文处理的一致性

范围: accordion作者: soybeanjs查看提交99efc

重构

将类型 AccordionItemData 重命名为 AccordionOptionData

范围: accordion作者: soybeanjs查看提交13ef9

新功能

实现折叠组件结构,包含根节点、项目、标题、内容、触发器及上下文管理

范围: accordion作者: soybeanjs查看提交183c5

新功能

为折叠组件添加主题上下文,以实现样式自定义

范围: accordion作者: soybeanjs查看提交e7600

新功能

实现一个具备属性管理、可自定义插槽以及主题上下文集成功能的 Accordion 组件

范围: accordion作者: soybeanjs查看提交a0fcd

新功能

添加多个带有自定义图标和样式选项的折叠面板示例,并整合卡片组件示例

范围: accordion作者: soybeanjs查看提交c6128

新功能

实现了具有可自定义插槽和属性的 Accordion 组件,增强了 Accordion 的功能和主题支持

范围: accordion作者: soybeanjs查看提交be778

修复

通过将描述包裹在段落中来增强内容插槽,并更新折叠面板变体的样式以优化间距

范围: accordion作者: soybeanjs查看提交7a4cc

修复

调整所有尺寸变体中触发元素的内边距和间距值,以提高布局的一致性

范围: accordion作者: soybeanjs查看提交db0e7

优化

使用 `useSelection` 优化折叠面板

范围: accordion作者: soybeanjs查看提交220ac

重构

为提高清晰度,请重命名根元素的引用;为确保唯一性,请更新触发器 ID 的前缀

范围: accordion作者: soybeanjs查看提交19086

重构

将直接使用集合项属性的方式替换为辅助函数,以改进 keydown 事件的处理

范围: accordion作者: soybeanjs查看提交5e894

重构

更新折叠面板的上下文,为 rootElement 使用 shallowRef,并改进方向处理机制

范围: accordion作者: soybeanjs查看提交273cc

重构

通过移除不必要的类型参数并改进单个/多个处理的清晰度,简化折叠组件的属性

范围: accordion作者: soybeanjs查看提交5d201

重构

将 `toggleModelValue` 重命名为 `onModelValueChange`,以提高值处理的清晰度

范围: accordion作者: soybeanjs查看提交f3161

重构

将“direction”重命名为“dir”,以确保上下文处理的一致性

范围: accordion作者: soybeanjs查看提交99efc

重构

将类型 AccordionItemData 重命名为 AccordionOptionData

范围: accordion作者: soybeanjs查看提交13ef9