mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-16 01:41:14 +08:00
d3f3d795dd
* fix: the issue #762 switch loading icon has a little shift * test: comment the table tests provisionally Co-authored-by: ElderJames <shunjiey@hotmail.com>
125 lines
3.2 KiB
C#
125 lines
3.2 KiB
C#
using System.Threading.Tasks;
|
|
using Microsoft.AspNetCore.Components;
|
|
using Microsoft.AspNetCore.Components.Web;
|
|
|
|
namespace AntDesign
|
|
{
|
|
public partial class Icon : AntDomComponentBase
|
|
{
|
|
[Parameter]
|
|
public bool Spin { get; set; }
|
|
|
|
[Parameter]
|
|
public int Rotate { get; set; } = 0;
|
|
|
|
[Parameter]
|
|
public string Type { get; set; }
|
|
|
|
/// <summary>
|
|
/// 'fill' | 'outline' | 'twotone';
|
|
/// </summary>
|
|
[Parameter]
|
|
public string Theme { get; set; } = IconThemeType.Outline;
|
|
|
|
[Parameter]
|
|
public string TwotoneColor { get; set; }
|
|
|
|
[Parameter]
|
|
public string IconFont { get; set; }
|
|
|
|
[Parameter]
|
|
public string Width { get; set; } = "1em";
|
|
|
|
[Parameter]
|
|
public string Height { get; set; } = "1em";
|
|
|
|
[Parameter]
|
|
public string Fill { get; set; } = "currentColor";
|
|
|
|
[Parameter]
|
|
public string TabIndex { get; set; }
|
|
|
|
[Parameter]
|
|
public bool StopPropagation { get; set; }
|
|
|
|
[CascadingParameter]
|
|
public Button Button { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<MouseEventArgs> OnClick { get; set; }
|
|
|
|
[Inject]
|
|
public IconService IconService { get; set; }
|
|
|
|
[Parameter]
|
|
public RenderFragment Component { get; set; }
|
|
|
|
protected string _svgImg;
|
|
|
|
protected override void Dispose(bool disposing)
|
|
{
|
|
Button?.Icons.Remove(this);
|
|
|
|
base.Dispose(disposing);
|
|
}
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
if (Type == "loading")
|
|
{
|
|
Spin = true;
|
|
}
|
|
|
|
await SetupSvgImg();
|
|
|
|
Button?.Icons.Add(this);
|
|
|
|
ClassMapper.Add($"anticon")
|
|
.GetIf(() => $"anticon-{Type}", () => !string.IsNullOrWhiteSpace(Type));
|
|
|
|
await base.OnInitializedAsync();
|
|
}
|
|
|
|
protected override async Task OnParametersSetAsync()
|
|
{
|
|
await SetupSvgImg();
|
|
await base.OnParametersSetAsync();
|
|
}
|
|
|
|
protected virtual async Task SetupSvgImg()
|
|
{
|
|
if (Component != null)
|
|
{
|
|
return;
|
|
}
|
|
|
|
string svgClass = Spin ? "anticon-spin" : null;
|
|
|
|
if (!string.IsNullOrEmpty(IconFont))
|
|
{
|
|
var svg = $"<svg><use xlink:href=#{IconFont} /></svg>";
|
|
_svgImg = IconService.GetStyledSvg(svg, svgClass, Width, Height, Fill, Rotate);
|
|
|
|
StateHasChanged();
|
|
}
|
|
else
|
|
{
|
|
await Task.Run(async () =>
|
|
{
|
|
var svg = await IconService.GetIconImg(Type.ToLowerInvariant(), Theme.ToLowerInvariant());
|
|
_svgImg = IconService.GetStyledSvg(svg, svgClass, Width, Height, Fill, Rotate);
|
|
await InvokeAsync(StateHasChanged);
|
|
});
|
|
}
|
|
}
|
|
|
|
private async Task HandleOnClick(MouseEventArgs args)
|
|
{
|
|
if (OnClick.HasDelegate)
|
|
{
|
|
await OnClick.InvokeAsync(args);
|
|
}
|
|
}
|
|
}
|
|
}
|