ant-design-blazor/components/badge/BadgeRibbon.razor.cs
James Yeung d2e9c4b247 feat(module: config-provider): support RTL (#1238)
* feat(module: config-provider): support RTL

* add rtl for each component

* fix rtl for pagination

* add rtl for overlay
2021-03-31 19:23:26 +08:00

99 lines
2.6 KiB
C#

using Microsoft.AspNetCore.Components;
using OneOf;
namespace AntDesign
{
/// <summary>
/// Small numerical value or status descriptor for UI elements.
/// </summary>
public partial class BadgeRibbon : AntDomComponentBase
{
/// <summary>
/// Customize ribbon color
/// </summary>
[Parameter]
public string Color { get; set; }
/// <summary>
/// Set text contents of ribbon.
/// </summary>
[Parameter]
public string Text { get; set; }
[Parameter]
public RenderFragment TextTemplate { get; set; }
/// <summary>
/// Set placement of ribbon.
/// </summary>
[Parameter]
public string Placement { get; set; } = "end";
/// <summary>
/// Wrapping this item.
/// </summary>
[Parameter]
public RenderFragment ChildContent { get; set; }
private string PresetColor => Color.IsIn(_badgePresetColors) ? Color : null;
private string _colorStyle;
private string _cornerColorStyle;
/// <summary>
/// Sets the default CSS classes.
/// </summary>
private void SetClassMap()
{
var prefixName = "ant-ribbon";
ClassMapper.Clear()
.Add(prefixName)
.Add($"{prefixName}-placement-{Placement}")
.If($"{prefixName}-rtl", () => RTL)
.If($"{prefixName}-color-{PresetColor}", () => Color.IsIn(_badgePresetColors))
;
}
private void SetStyle()
{
if (PresetColor == null && !string.IsNullOrWhiteSpace(Color))
{
_colorStyle = $"background:{Color}; {Style}";
_cornerColorStyle = $"color:{Color}; {Style}";
}
else
{
_colorStyle = Style;
_cornerColorStyle = Style;
}
}
/// <summary>
/// Startup code
/// </summary>
protected override void OnInitialized()
{
base.OnInitialized();
SetClassMap();
SetStyle();
}
/// <summary>
/// Runs every time a parameter is set.
/// </summary>
protected override void OnParametersSet()
{
base.OnParametersSet();
SetClassMap();
SetStyle();
}
private readonly string[] _badgePresetColors =
{
"pink", "red", "yellow", "orange", "cyan", "green", "blue", "purple", "geekblue", "magenta", "volcano",
"gold", "lime"
};
}
}