2020-05-29 00:33:49 +08:00
|
|
|
@namespace AntDesign
|
2020-04-23 17:13:56 +08:00
|
|
|
@inherits AntDomComponentBase
|
2020-03-26 15:59:24 +08:00
|
|
|
|
|
|
|
|
2020-08-08 11:44:21 +08:00
|
|
|
<div class="@ClassMapper.Class" style="@Style"id="@Id">
|
|
|
|
<div class="ant-steps-item-container" @onclick="@OnClick" tabindex="@GetTabIndex()" @attributes="@_containerAttributes">
|
|
|
|
@if (!Last)
|
|
|
|
{
|
|
|
|
<div class="ant-steps-item-tail"></div>
|
|
|
|
}
|
|
|
|
<div class="ant-steps-item-icon">
|
|
|
|
@if (!ShowProcessDot)
|
2020-03-26 15:59:24 +08:00
|
|
|
{
|
2020-08-08 11:44:21 +08:00
|
|
|
@if (Percent != null && Parent.Current == Index)
|
|
|
|
{
|
|
|
|
<div class="ant-steps-progress-icon">
|
|
|
|
<Progress
|
|
|
|
Percent="@((double) Percent)"
|
|
|
|
Width=@(Size == "small" ? 30 : 38)
|
|
|
|
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
|
2020-03-26 15:59:24 +08:00
|
|
|
{
|
|
|
|
<span class="ant-steps-icon">
|
2020-08-08 11:44:21 +08:00
|
|
|
|
2020-03-26 15:59:24 +08:00
|
|
|
@if (string.IsNullOrEmpty(Icon))
|
|
|
|
{
|
|
|
|
if (Status == "finish")
|
|
|
|
{
|
2020-06-07 19:41:00 +08:00
|
|
|
<Icon type="check"></Icon>
|
2020-03-26 15:59:24 +08:00
|
|
|
}
|
|
|
|
else if (Status == "error")
|
|
|
|
{
|
2020-06-07 19:41:00 +08:00
|
|
|
<Icon type="close"></Icon>
|
2020-03-26 15:59:24 +08:00
|
|
|
}
|
|
|
|
else if (Status == "process" || Status == "wait")
|
|
|
|
{
|
2020-08-08 11:44:21 +08:00
|
|
|
@(Index + 1)
|
2020-03-26 15:59:24 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
if (Status == "error")
|
|
|
|
{
|
2020-06-07 19:41:00 +08:00
|
|
|
<Icon type="close"></Icon>
|
2020-03-26 15:59:24 +08:00
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
2020-06-07 19:41:00 +08:00
|
|
|
<Icon type="@Icon"></Icon>
|
2020-03-26 15:59:24 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</span>
|
2020-08-08 11:44:21 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
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 (Title.IsT0)
|
|
|
|
{
|
|
|
|
@Title.AsT0
|
2020-03-26 15:59:24 +08:00
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
2020-08-08 11:44:21 +08:00
|
|
|
@Title.AsT1
|
2020-03-26 15:59:24 +08:00
|
|
|
}
|
2020-08-08 11:44:21 +08:00
|
|
|
@if (Subtitle.Value != null)
|
2020-03-26 15:59:24 +08:00
|
|
|
{
|
2020-08-08 11:44:21 +08:00
|
|
|
<div class="ant-steps-item-subtitle">
|
|
|
|
@if (Subtitle.IsT0)
|
2020-07-11 00:23:17 +08:00
|
|
|
{
|
2020-08-08 11:44:21 +08:00
|
|
|
@Subtitle.AsT0
|
2020-07-11 00:23:17 +08:00
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
2020-08-08 11:44:21 +08:00
|
|
|
@Subtitle.AsT1
|
2020-07-11 00:23:17 +08:00
|
|
|
}
|
|
|
|
</div>
|
2020-03-26 15:59:24 +08:00
|
|
|
}
|
|
|
|
</div>
|
2020-08-08 11:44:21 +08:00
|
|
|
@if (Description.Value != null)
|
|
|
|
{
|
|
|
|
<div class="ant-steps-item-description">
|
|
|
|
@if (Description.IsT0)
|
|
|
|
{
|
|
|
|
@Description.AsT0
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
@Description.AsT1
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
}
|
2020-03-26 15:59:24 +08:00
|
|
|
</div>
|
2020-04-23 17:13:56 +08:00
|
|
|
</div>
|
2020-08-08 11:44:21 +08:00
|
|
|
</div>
|