mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-16 01:41:14 +08:00
cbc5e823f0
* fix: card title template * fix: template:badge,collapse * fix: comment refactor template * fix: ribbonTests * feat: descriptions refactor template * feat: empty refactor template * feat: list refactor template * feat: menu refactor template * feat: confirm add question icon * feat: pageHeader and statistic refactor template * feat: popconfirm refactor template * feat: popver refactor template * feat: result refactor template * feat: step refactor template * feat: switch refactor template * feat: table refactor template * feat: transfer refactor template * feat: optimized code * fix: pageheader * refactor(module: empty): remove empty image constant images Co-authored-by: ElderJames <shunjiey@hotmail.com>
101 lines
2.7 KiB
C#
101 lines
2.7 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", () => Direction == "RTL" # Placeholder for when RTL support is added
|
|
.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"
|
|
};
|
|
}
|
|
}
|