mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-05 13:37:35 +08:00
111 lines
4.2 KiB
C#
111 lines
4.2 KiB
C#
@namespace AntDesign
|
|
@inherits AntDomComponentBase
|
|
|
|
<div class="@ClassMapper.Class" style="@Style" id="@Id" @ref="Ref">
|
|
<div class="ant-steps-item-container" @onclick="@HandleClick" tabindex="@GetTabIndex()" @attributes="@_containerAttributes">
|
|
@if (!Last)
|
|
{
|
|
<div class="ant-steps-item-tail"></div>
|
|
}
|
|
<div class="ant-steps-item-icon">
|
|
@if (!ShowProcessDot)
|
|
{
|
|
@if (Percent != null && Parent.Current == Index)
|
|
{
|
|
<div class="ant-steps-progress-icon">
|
|
<Progress Percent="@((double) Percent)"
|
|
Width=@(Size == "small" ? 32 : 40)
|
|
Type=ProgressType.Circle
|
|
StrokeWidth="4"
|
|
Format=@((p) => "") />
|
|
<span class="ant-steps-icon">
|
|
|
|
@if (string.IsNullOrEmpty(Icon))
|
|
{
|
|
if (Status == "finish")
|
|
{
|
|
<Icon Type="check"></Icon>
|
|
}
|
|
else if (Status == "error")
|
|
{
|
|
<Icon Type="close"></Icon>
|
|
}
|
|
else if (Status == "process" || Status == "wait")
|
|
{
|
|
@(Index + 1)
|
|
}
|
|
}
|
|
else
|
|
{
|
|
if (Status == "error")
|
|
{
|
|
<Icon Type="close"></Icon>
|
|
}
|
|
else
|
|
{
|
|
<Icon Type="@Icon"></Icon>
|
|
}
|
|
}
|
|
</span>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<span class="ant-steps-icon">
|
|
|
|
@if (string.IsNullOrEmpty(Icon))
|
|
{
|
|
if (Status == "finish")
|
|
{
|
|
<Icon Type="check"></Icon>
|
|
}
|
|
else if (Status == "error")
|
|
{
|
|
<Icon Type="close"></Icon>
|
|
}
|
|
else if (Status == "process" || Status == "wait")
|
|
{
|
|
@(Index + 1)
|
|
}
|
|
}
|
|
else
|
|
{
|
|
if (Status == "error")
|
|
{
|
|
<Icon Type="close"></Icon>
|
|
}
|
|
else
|
|
{
|
|
<Icon Type="@Icon"></Icon>
|
|
}
|
|
}
|
|
</span>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
<span class="ant-steps-icon">
|
|
<span class="ant-steps-icon-dot"></span>
|
|
</span>
|
|
}
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">
|
|
@if (TitleTemplate != null)@TitleTemplate else @Title
|
|
|
|
@if (SubtitleTemplate != null || Subtitle != null)
|
|
{
|
|
<div class="ant-steps-item-subtitle">
|
|
@if (SubtitleTemplate != null)@SubtitleTemplate else @Subtitle
|
|
</div>
|
|
}
|
|
</div>
|
|
@if (DescriptionTemplate != null || Description != null)
|
|
{
|
|
<div class="ant-steps-item-description">
|
|
@if (DescriptionTemplate != null)@DescriptionTemplate else @Description
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div> |