ant-design-blazor/components/drawer/Drawer.razor
zxyao 895c758836 fix(module: drawer): OffsetX and offsetY do not work (#1435) (#1448)
* fix(module: drawer): OffsetX and offsetY do not work (#1435)

* docs: demo update

* fix: Placement is switched to the relative direction, the animation appears

* fix: the bug of closing animation missed

* fix: incorrect animation

* fix: different behaviors in WASM and Server side

Co-authored-by: James Yeung <shunjiey@hotmail.com>
2021-05-28 06:10:44 +00:00

56 lines
2.0 KiB
C#

@namespace AntDesign
@inherits AntDomComponentBase
<div class="@ClassMapper.Class" @ref="@Ref" style="@_drawerStyle @InnerZIndexStyle @Style" id="@Id">
@if (Mask)
{
<div class="ant-drawer-mask" @onclick="_=>MaskClick()" style="@MaskStyle"></div>
}
<div class="ant-drawer-content-wrapper @WrapClassName " style="@WrapperStyle">
<div class="ant-drawer-content">
<div class="ant-drawer-wrapper-body" style="@(IsLeftOrRight?"height:100%":"")">
@if (_title.Value != null || Closable)
{
<div class="@TitleClassMapper.Class">
@if (_title.Value != null)
{
<div class="ant-drawer-title">
@if (TitleTemplate != null)
{
@TitleTemplate
}
@if (!string.IsNullOrEmpty(TitleString))
{
@((MarkupString)TitleString)
}
</div>
}
@if (Closable)
{
<button @onclick="_=>CloseClick()" aria-label="Close" class="ant-drawer-close">
<Icon Type="close" />
</button>
}
</div>
}
<div class="ant-drawer-body" style="@BodyStyle">
@if (ContentTemplate != null)
{
@ContentTemplate
}
@if (string.IsNullOrEmpty(ContentString))
{
@((MarkupString)ContentString)
}
@ChildContent
</div>
</div>
</div>
@if (Handler != null)
{
@Handler
}
</div>
</div>