SxMultiSplitter (多栏分割)

  • Implemented

支持三栏或更多栏同时分割的布局组件。遵循 NextUI 扩展 规范。

使用场景

  • 多栏布局容器
  • 可扩展的面板组合
  • 配置页分区展示

约束说明

  • 子项需使用 SxMultiSplitterPanel。
  • Positions 当前用于业务侧控制与记录。

行为说明

  • Orientation 控制水平或垂直布局。
  • 面板大小由 SxMultiSplitterPanel 的 Size 等参数控制。

API

Parameters (参数)

状态 参数名 类型 默认值 描述
Implemented ChildContent RenderFragment? null 面板内容。
Implemented Orientation StackOrientation Horizontal 布局方向。
Implemented Positions double[] [33, 66] 分割条位置。
Implemented Disabled (继承) bool false 禁用状态。
Implemented Loading (继承) bool false 加载状态。
Implemented Id (继承) string? null 组件的物理 Id。
Implemented Class (继承) string? null 自定义 CSS 类名。
Implemented Style (继承) string? null 自定义样式。
Implemented Title (继承) string? null HTML title 属性。
Implemented AdditionalAttributes (继承) IEnumerable<KeyValuePair<string, object>>? null 捕获不匹配的 HTML 属性。

Events (事件)

状态 事件名 类型 描述
Implemented PositionsChanged EventCallback<double[]> 分割条位置变动后触发。

SxMultiSplitterPanel

Parameters (参数)

状态 参数名 类型 默认值 描述
Implemented ChildContent RenderFragment? null 面板内容。
Implemented Size string? null 固定尺寸（如 200px）。
Implemented MinSize string? null 最小尺寸。
Implemented MaxSize string? null 最大尺寸。
Implemented Id (继承) string? null 组件的物理 Id。
Implemented Class (继承) string? null 自定义 CSS 类名。
Implemented Style (继承) string? null 自定义样式。
Implemented Title (继承) string? null HTML title 属性。
Implemented AdditionalAttributes (继承) IEnumerable<KeyValuePair<string, object>>? null 捕获不匹配的 HTML 属性。

示例

<SxMultiSplitter Orientation="StackOrientation.Horizontal">
    <SxMultiSplitterPanel Size="200px">左侧</SxMultiSplitterPanel>
    <SxMultiSplitterPanel>中间</SxMultiSplitterPanel>
    <SxMultiSplitterPanel Size="240px">右侧</SxMultiSplitterPanel>
</SxMultiSplitter>

参考设计 (References)

在 Playground 中打开 →