mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-15 09:21:24 +08:00
152a574577
* feat(module:overlay): OverlayTrigger not bound to a div * feat(module:overlay): OverlayTrigger not bound to a div * feat(module:overlay): Logic transfer to single Overlay * feat(module:overlay): remove obsolete duplication * feat(module:Tooltip): Add for unbounded oncontextmenu event handler * feat(module:tooltip): unbound js event listeners remove * docs(module:tooltip): unbound explanation * fix(module:button): attach Ref to top level html element @ref * feat(module:dropdown&tooltip&popconfirm&popover): Overlay not bound to a div * docs(module:dropdown&tooltip&popconfirm&popover): unbound explanation * feat(module:OverlayTrigger): common logic relocation * feat(module:overlaytrigger): Overlay not bound to a div * feat(module:DatePicker): Overlay not bound to a div * feat(module:select): Overlay not boud to div * fix(module:select): onclickarrow event relocation * fix(module:select): rename Show to OnArrowClick * feat(module:avatar): Overlay not bound to a div * docs(module:avatar): demo switch to unbound version * feat(module:autocomplete): partial OverlayTrigger not bound to a div * feat(module:slider): tooltip * docs(module:slider): tooltip * fix(module:overlay): add SetVisible method * feat: set Ref where missing, performance components register Ref when missing IsFixed flag for CascadeValue changed hard-code sequence numbers when using RenderTreeBuilder Rate component use Tooltip Unbound version Tabs test fix * fix: revert changes (accidental) * feat(module:upload): tooltip with unbound usage * feat(module:table): column use of unbound tooltip * feat(module:autocomplete):overlay unbound from div * fix(module:upload): missing div restore Co-authored-by: James Yeung <shunjiey@hotmail.com>
99 lines
3.6 KiB
C#
99 lines
3.6 KiB
C#
@namespace AntDesign
|
|
@inherits NotificationBase
|
|
|
|
<div id="@Config.Key"
|
|
class="@(ClassPrefix)-notice @(ClassPrefix)-notice-closable @GetClassName()"
|
|
style="@Config.Style"
|
|
@onclick="OnClick"
|
|
@ref="Ref">
|
|
|
|
<div class="@(ClassPrefix)-notice-content">
|
|
<div class="@GetIconClassName()">
|
|
@if (Config.Icon != null)
|
|
{
|
|
<span class="@(ClassPrefix)-notice-icon">
|
|
@Config.Icon
|
|
</span>
|
|
}
|
|
else if (Config.NotificationType != NotificationType.None)
|
|
{
|
|
switch (Config.NotificationType)
|
|
{
|
|
case NotificationType.Success:
|
|
{
|
|
<span role="img" aria-label="check-circle" class="anticon anticon-check-circle @(ClassPrefix)-notice-icon @(ClassPrefix)-notice-icon-success">
|
|
<Icon Type="check-circle" Theme="outline"></Icon>
|
|
</span>
|
|
|
|
break;
|
|
}
|
|
case NotificationType.Warning:
|
|
{
|
|
<span role="img" aria-label="exclamation-circle" class="anticon anticon-exclamation-circle @(ClassPrefix)-notice-icon @(ClassPrefix)-notice-icon-warning">
|
|
<Icon Type="exclamation-circle" Theme="outline"></Icon>
|
|
</span>
|
|
|
|
break;
|
|
}
|
|
case NotificationType.Error:
|
|
{
|
|
<span role="img" aria-label="close-circle" class="anticon anticon-close-circle @(ClassPrefix)-notice-icon @(ClassPrefix)-notice-icon-error">
|
|
<Icon Type="close-circle" Theme="outline"></Icon>
|
|
</span>
|
|
|
|
break;
|
|
}
|
|
case NotificationType.Info:
|
|
{
|
|
<span role="img" aria-label="info-circle" class="anticon anticon-info-circle @(ClassPrefix)-notice-icon @(ClassPrefix)-notice-icon-info">
|
|
<Icon Type="info-circle" Theme="outline"></Icon>
|
|
</span>
|
|
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
<div class="@(ClassPrefix)-notice-message">
|
|
@{
|
|
if (Config.Message.IsT0)
|
|
{
|
|
@((MarkupString)(Config.Message.AsT0))
|
|
}
|
|
else
|
|
{
|
|
@Config.Message.AsT1
|
|
}
|
|
}
|
|
</div>
|
|
|
|
<div class="@(ClassPrefix)-notice-description">
|
|
@{
|
|
if (Config.Description.IsT0)
|
|
{
|
|
@((MarkupString)(Config.Description.AsT0))
|
|
}
|
|
else
|
|
{
|
|
@Config.Description.AsT1
|
|
}
|
|
}
|
|
</div>
|
|
|
|
@if (Config.Btn != null)
|
|
{
|
|
<span class="@(ClassPrefix)-notice-btn">
|
|
@Config.Btn
|
|
</span>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
<a tabindex="0" class="@(ClassPrefix)-notice-close" @onclick="Close" @onclick:preventDefault @onclick:stopPropagation>
|
|
<span class="@(ClassPrefix)-close-x">
|
|
<span role="img" aria-label="close" class="anticon anticon-close @(ClassPrefix)-close-icon">
|
|
@Config.CloseIcon
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div> |