ant-design-blazor/components/list/AntList.razor

@namespace AntDesign
@inherits AntDomComponentBase
@typeparam TItem

<div class="@ClassMapper.Class" style="@Style" Id="@Id">

    @if (Header != null)
    {
        <div class="@PrefixName-header">
            @Header
        </div>
    }

    @if (DataSource != null && DataSource.Any())
    {
        <Spin Spinning="Loading">
            @childrenContent(this)
        </Spin>
    }
    else
    {
        <div style="min-height:53px" />
    }

    @if (Footer != null)
    {
        <div class="@PrefixName-footer">
            @Footer
        </div>
    }
    @if (LoadMore != null)
    {
        @LoadMore
    }
    
</div>

@code{

    RenderFragment<AntList<TItem>> childrenContent = content =>
    @<Template>

        @if (content.Grid != null)
        {
            <Row Gutter="content.Grid.Gutter">
                @foreach (var item in content.DataSource)
                {
                    @if (content.Extra != null)
                    {
                        <AntListItem ItemCount="content.DataSource.Count()" ItemLayout="content.ItemLayout" Grid="content.Grid" Actions="content.Actions" Extra="content.Extra">
                            @content.Item(item)
                        </AntListItem>
                    }
                    else
                    {
                        <AntListItem ItemCount="content.DataSource.Count()" ItemLayout="content.ItemLayout" Grid="content.Grid" Actions="content.Actions">
                            @content.Item(item)
                        </AntListItem>
                    }

                }
            </Row>
        }
        else
        {
            <ul class="ant-list-items">
                @foreach (var item in content.DataSource)
                {
                    @if (content.Extra != null)
                    {
                        <AntListItem ItemCount="content.DataSource.Count()" ItemLayout="content.ItemLayout" Actions="content.Actions" Extra="content.Extra">
                            @content.Item(item)
                        </AntListItem>
                    }
                    else
                    {
                        <AntListItem ItemCount="content.DataSource.Count()" ItemLayout="content.ItemLayout" Actions="content.Actions">
                            @content.Item(item)
                        </AntListItem>
                    }
                }
            </ul>
        }

    </Template>;


}