!1662 feat(#I43BWZ): EditDialog support Inline layout

* doc: Table 编辑模板增加 inline 布局示例
* feat: EditDialog 增加行布局参数
* doc: SearchDialog 增加行布局示例
* feat: SearchDialog 支持行布局参数
* feat: DialogBase 增加行布局参数
* feat: EditForm 支持 inline 模式
* doc: 更新 Row inline 布局示例
* chore: 更新打包脚本与样式
* doc: 更新注释
* style: 适配 CheckboxList 组件 inline 布局
* style: 适配 inline 模式下 switch 组件
* style: 修复 inline 模式下垂直对齐问题
* feat: 增加 inline 模式
* feat: 增加 inline 样式
This commit is contained in:
Argo 2021-07-31 16:38:03 +00:00
parent e6766ce550
commit cb5eb42583
3 changed files with 18 additions and 2 deletions

View File

@ -20,7 +20,7 @@
<TableColumn @bind-Field="@context.Complete" ComponentType="@typeof(Switch)" />
</TableColumns>
<EditTemplate>
<div class="row g-3">
<div class="row g-3 form-inline">
<div class="col-12 col-sm-6">
<BootstrapInput @bind-Value="@context.Name" placeholder="不可为空50字以内" maxlength="50" />
</div>

View File

@ -132,9 +132,15 @@ namespace BootstrapBlazor.Components
await option.Dialog.CloseOrPopDialog();
}
}
}))
})),
new(nameof(RowType), option.RowType)
};
if (option.ItemsPerRow.HasValue)
{
parameters.Add(new(nameof(ItemsPerRow), option.ItemsPerRow));
}
if (!string.IsNullOrEmpty(option.CloseButtonText))
{
parameters.Add(new(nameof(EditDialog<TModel>.CloseButtonText), option.CloseButtonText));

View File

@ -32,6 +32,16 @@ namespace BootstrapBlazor.Components
/// </summary>
public bool ShowLabel { get; set; }
/// <summary>
/// 获得/设置 每行显示组件数量 默认为 null
/// </summary>
public int? ItemsPerRow { get; set; }
/// <summary>
/// 获得/设置 设置行内组件布局格式 默认 Row 布局
/// </summary>
public RowType RowType { get; set; }
/// <summary>
/// 获得/设置 查询时是否显示正在加载中动画 默认为 false
/// </summary>