using System;
using System.Globalization;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
namespace AntDesign
{
///
/// Small numerical value or status descriptor for UI elements.
///
public partial class Badge : AntDomComponentBase
{
///
/// Customize Badge dot color
///
[Parameter]
public string Color { get; set; }
///
/// Number to show in badge
///
[Parameter]
public int? Count
{
get => _count;
set
{
if (_count != value)
{
_count = value;
if (_count != null)
{
this._countArray = DigitsFromInteger(Count.Value);
}
}
}
}
[Parameter]
public RenderFragment CountTemplate { get; set; }
///
/// Whether to display a red dot instead of count
///
[Parameter]
public bool Dot { get; set; }
///
/// Set offset of the badge dot, like[x, y]
///
[Parameter]
public ValueTuple Offset { get; set; }
///
/// Max count to show
///
[Parameter]
public int OverflowCount
{
get => _overflowCount;
set
{
if (_overflowCount != value)
{
_overflowCount = value;
}
if (_overflowCount > 0)
{
GenerateMaxNumberArray();
}
}
}
///
/// Whether to show badge when count is zero
///
[Parameter]
public bool ShowZero { get; set; } = false;
///
/// Set Badge as a status dot
///
[Parameter]
public string Status { get; set; }
///
/// If status is set, text sets the display text of the status dot
///
[Parameter]
public string Text { get; set; }
///
/// Text to show when hovering over the badge
///
[Parameter]
public string Title { get; set; }
[Parameter]
public string Size { get; set; }
///
/// Wrapping this item.
///
[Parameter]
public RenderFragment ChildContent { get; set; }
private ClassMapper CountClassMapper { get; set; } = new ClassMapper();
private int[] _countArray = Array.Empty();
private readonly int[] _countSingleArray = { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 };
private char[] _maxNumberArray = Array.Empty();
private string StatusOrPresetColor => Status.IsIn(_badgeStatusTypes) ? Status : PresetColor;
private string PresetColor => Color.IsIn(_badgePresetColors) ? Color : null;
private bool HasStatusOrColor => !string.IsNullOrWhiteSpace(Status) || !string.IsNullOrWhiteSpace(Color);
private string CountStyle => Offset == default ? null : $"{(Offset.Item1 > 0 ? $"right:-{Offset.Item1}px" : "")};{(Offset.Item2 > 0 ? $"margin-top:{Offset.Item2}px" : "")};";
private string DotColorStyle => PresetColor == null && !string.IsNullOrWhiteSpace(Color) ? $"background:{Color};" : "";
private bool ShowSup => (this.Dot && (!this.Count.HasValue || (this.Count > 0 || this.Count == 0 && this.ShowZero)))
|| this.Count > 0
|| (this.Count == 0 && this.ShowZero);
private bool _dotEnter;
private bool _dotLeave;
private bool _showSup;
private int? _count;
private int _overflowCount = 99;
///
/// Sets the default CSS classes.
///
private void SetClassMap()
{
var prefixName = "ant-badge";
ClassMapper.Clear()
.Add(prefixName)
.If($"{prefixName}-status", () => HasStatusOrColor)
.If($"{prefixName}-not-a-wrapper", () => ChildContent == null)
;
CountClassMapper.Clear()
.Add("ant-scroll-number")
.If($"{prefixName}-count", () => !Dot && !HasStatusOrColor)
.If($"{prefixName}-dot", () => Dot || HasStatusOrColor)
.If($"{prefixName}-count-sm", () => !string.IsNullOrWhiteSpace(Size) && Size.Equals("small", StringComparison.OrdinalIgnoreCase))
.GetIf(() => $"ant-badge-status-{StatusOrPresetColor}", () => StatusOrPresetColor != null)
.If($"{prefixName}-multiple-words", () => _countArray.Length >= 2)
.If($"{prefixName}-zoom-enter {prefixName}-zoom-enter-active", () => _dotEnter)
.If($"{prefixName}-zoom-leave {prefixName}-zoom-leave-active", () => _dotLeave)
;
}
///
/// Startup code
///
protected override void OnInitialized()
{
base.OnInitialized();
_showSup = ShowSup;
GenerateMaxNumberArray();
SetClassMap();
}
public override async Task SetParametersAsync(ParameterView parameters)
{
var showSupBefore = ShowSup;
var beforeDot = Dot;
var delayDot = false;
await base.SetParametersAsync(parameters);
if (showSupBefore == ShowSup)
return;
if (ShowSup)
{
_dotEnter = true;
if (!beforeDot && Dot)
{
Dot = true;
}
_showSup = true;
await Task.Delay(200);
_dotEnter = false;
}
else
{
_dotLeave = true;
if (beforeDot && !Dot)
{
delayDot = true;
Dot = true;
}
await Task.Delay(200);
_dotLeave = false;
_showSup = false;
if (delayDot)
{
Dot = false;
}
}
StateHasChanged();
}
private void GenerateMaxNumberArray()
{
this._maxNumberArray = _overflowCount.ToString(CultureInfo.InvariantCulture).ToCharArray();
}
private static int[] DigitsFromInteger(int number)
{
var n = Math.Abs(number);
var length = (int)Math.Log10(n > 0 ? n : 1) + 1;
var digits = new int[length];
for (var i = 0; i < length; i++)
{
digits[length - i - 1] = n % 10;
n /= 10;
}
if (n < 0)
digits[0] *= -1;
return digits;
}
private readonly static string[] _badgePresetColors =
{
"pink",
"red",
"yellow",
"orange",
"cyan",
"green",
"blue",
"purple",
"geekblue",
"magenta",
"volcano",
"gold",
"lime"
};
private readonly static string[] _badgeStatusTypes =
{
"success",
"processing",
"default",
"error",
"warning"
};
}
}