test/BootstrapBlazor3
1
0
Fork 0
mirror of https://gitee.com/LongbowEnterprise/BootstrapBlazor.git synced 2024-12-05 05:29:47 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

!2263 refactor(#I4OJRD): redesign Tab component

Browse Source 
* doc: 格式化文档
* refactor: 更新 TabLink 内部逻辑
This commit is contained in:
Argo 2021-12-29 04:44:06 +00:00
parent 4278593c31
commit d9c5f0cfbe
3 changed files with 43 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/BootstrapBlazor/Components/Tab/TabLink.razor
View File

@ -1,7 +1,4 @@
@namespace BootstrapBlazor.Components
@inherits BootstrapComponentBase
@if (ChildContent != null)
{
<a @attributes="@AdditionalAttributes" href="@Url" @onclick="@OnClickLink">@ChildContent</a>
}
<a @attributes="@AdditionalAttributes" href="@Url" @onclick="@OnClickLink">@RenderChildContent()</a>

22
src/BootstrapBlazor/Components/Tab/TabLink.razor.cs
View File

@ -65,5 +65,27 @@ namespace BootstrapBlazor.Components
TabItemOptions.Text = Text;
TabItemOptions.Closable = Closable;
}
private RenderFragment RenderChildContent() => builder =>
{
var index = 0;
if (ChildContent == null)
{
if (!string.IsNullOrEmpty(Icon))
{
builder.OpenElement(index++, "i");
builder.AddAttribute(index++, "class", Icon);
builder.CloseElement();
}
if (!string.IsNullOrEmpty(Text))
{
builder.AddContent(index++, Text);
}
}
else
{
builder.AddContent(index++, ChildContent);
}
};
}
}

41
src/BootstrapBlazor/Extensions/NavigationManagerExtensions.cs
View File

@ -6,30 +6,29 @@ using Microsoft.AspNetCore.Components;
using Microsoft.Extensions.DependencyInjection;
using System;
namespace BootstrapBlazor.Components
namespace BootstrapBlazor.Components;
/// <summary>
/// NavigationManager 扩展方法
/// </summary>
public static class NavigationManagerExtensions
{
/// <summary>
///
/// 导航并添加 TabItem 方法
/// </summary>
public static class NavigationManagerExtensions
/// <param name="navigation"></param>
/// <param name="provider"></param>
/// <param name="url"></param>
/// <param name="text"></param>
/// <param name="icon"></param>
/// <param name="closable"></param>
public static void NavigateTo(this NavigationManager navigation, IServiceProvider provider, string url, string text, string? icon = null, bool? closable = null)
{
/// <summary>
/// 导航并添加 TabItem 方法
/// </summary>
/// <param name="navigation"></param>
/// <param name="provider"></param>
/// <param name="url"></param>
/// <param name="text"></param>
/// <param name="icon"></param>
/// <param name="closable"></param>
public static void NavigateTo(this NavigationManager navigation, IServiceProvider provider, string url, string text, string? icon = null, bool? closable = null)
{
var option = provider.GetRequiredService<TabItemTextOptions>();
option.Text = text;
option.Icon = icon;
option.IsActive = true;
option.Closable = closable ?? true;
navigation.NavigateTo(url);
}
var option = provider.GetRequiredService<TabItemTextOptions>();
option.Text = text;
option.Icon = icon;
option.IsActive = true;
option.Closable = closable ?? true;
navigation.NavigateTo(url);
}
}