WCollapse 折叠面板组件

A2UI Protocol JSON Schema

折叠面板组件，基于 WinDesignNext WCollapse 封装，用于展示可折叠的内容区域。

基础用法

Props API

WCollapse

属性名	类型	默认值	说明
id	string	-	组件唯一标识（必填）
component	string	WCollapse	组件类型（必填）
accordion	boolean	false	是否手风琴模式
modelValue	object	{}	当前展开的面板（A2UI v0.9 数据绑定）
children	string[]	-	子组件 ID 列表（折叠项）

WCollapseItem

属性名	类型	默认值	说明
id	string	-	组件唯一标识（必填）
component	string	WCollapseItem	组件类型（必填）
title	string | object	-	折叠项标题，支持字符串字面量或 { path: "..." } 数据绑定
name	string | number | object	-	折叠项唯一标识，支持字面量或 { path: "..." } 数据绑定
children	string[]	-	子组件 ID 列表（内容）

path 支持说明

通用绑定格式见 path 数据绑定速查。

属性	支持 path	说明
WCollapse.modelValue	✅	双向绑定当前展开的面板（name 字符串或数组）
WCollapseItem.title	✅	动态折叠项标题
WCollapseItem.name	✅	动态折叠项唯一标识
accordion / 其他布局属性	❌	静态配置

绑定示例：

{
  "id": "collapse_001",
  "component": "WCollapse",
  "modelValue": { "path": "/activePanels" },
  "children": ["collapse_item_001"]
},
{
  "id": "collapse_item_001",
  "component": "WCollapseItem",
  "title": { "path": "/panelTitle" },
  "name": { "path": "/panelName" },
  "children": ["text_001"]
}

---

使用示例

手风琴模式

{
  "id": "collapse_001",
  "component": "WCollapse",
  "accordion": true,
  "modelValue": { "literalString": "item1" },
  "children": ["collapse_item_001", "collapse_item_002"]
}