分割容器
将容器根据固定比例或像素分割为左右或上下两个区域,两个区域的大小可以通过拖拽改变。
示例效果
输入参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelData | 分割容器容器模型 | Object as IPanelContainer | - |
| controller | 分割容器控制器 | SplitContainerController | - |
状态
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| visible | 是否显示 | boolean | - |
| keepAlive | 不显示时是否保活,使其功能保留 | boolean | - |
| layout | 布局面板状态 | IApiLayoutState | - |
| disabled | 是否禁用 | boolean | - |
| class | 类名集合 | IApiPanelItemClass | - |
| required | 是否必填 | boolean | - |
| readonly | 是否只读 | boolean | - |
| context | 应用上下文 | IApiContext | - |
| counterData | 计数器数据 | IApiData | - |
| splitValue | 分割值 | number | string | 0.5 |
| isHiddenTrigger | 是否隐藏拖拽触发器,即不允许拖拽 | boolean | false |
控制器
| 名称 | 说明 | 类型 |
|---|---|---|
| model | 成员模型 | IPanelItem |
| panel | 面板控制器 | IApiPanelController |
| parent | 父容器控制器(除了根成员都存在) | IApiPanelItemContainerController |
| state | 分割面板容器状态 | SplitContainerState |
| data | 数据对象 | IApiData |
| splitMode | 分割面板模式 | 'horizontal' | 'vertical' |
| splitValue | 默认分割值 | number | string |
| hiddenPanel | 隐藏面板,left:左侧面板隐藏,right:右侧面板隐藏,top:上方面板隐藏,bottom:底部面板隐藏 | (position: 'left' | 'right' | 'top' | 'bottom') => void |
| showPanel | 显示面板,恢复上一次的分割比例 | () => void |
面板项参数
暂无内容