chore: 移动组件目录

Author: ArgoZhang

src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor

@@ -0,0 +1,28 @@
+@namespace BootstrapBlazor.Components
+@inherits BootstrapModuleComponentBase
+
+<IntersectionObserver OnIntersecting="OnIntersecting" Threshold="1" AutoUnobserveWhenIntersection="false">
+    <IntersectionObserverItem>
+        @if (CanLoading)
+        {
+            if (LoadingTemplate != null)
+            {
+                @LoadingTemplate
+            }
+            else
+            {
+                <div class="bb-intersection-loading">
+                    <Spinner></Spinner>
+                </div>
+            }
+        }
+        else if (NoMoreTemplate != null)
+        {
+            @NoMoreTemplate
+        }
+        else if (!string.IsNullOrEmpty(NoMoreText))
+        {
+            <div class="bb-intersection-stop-text">@NoMoreText</div>
+        }
+    </IntersectionObserverItem>
+</IntersectionObserver>

src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor.cs

@@ -0,0 +1,67 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
+
+using Microsoft.Extensions.Localization;
+
+namespace BootstrapBlazor.Components;
+
+/// <summary>
+/// 加载更多组件
+/// </summary>
+public partial class LoadMore
+{
+    /// <summary>
+    /// 获得/设置 触底回调方法 <see cref="CanLoading"/> 为 true 时才触发此回调方法
+    /// </summary>
+    [Parameter] public Func<Task>? OnLoadMore { get; set; }
+
+    /// <summary>
+    /// 获得/设置 是否可以加载更多数据 默认为 true
+    /// </summary>
+    [Parameter]
+    public bool CanLoading { get; set; } = true;
+
+    /// <summary>
+    /// 获得/设置 加载更多模板 默认 null
+    /// </summary>
+    [Parameter]
+    public RenderFragment? LoadingTemplate { get; set; }
+
+    /// <summary>
+    /// 获得/设置 没有更多数据提示信息 默认为 null 读取资源文件中的预设值
+    /// </summary>
+    [Parameter]
+    public string? NoMoreText { get; set; }
+
+    /// <summary>
+    /// 获得/设置 没有更多数据时显示的模板 默认为 null
+    /// </summary>
+    [Parameter]
+    public RenderFragment? NoMoreTemplate { get; set; }
+
+    [Inject, NotNull]
+    private IStringLocalizer<LoadMore>? Localizer { get; set; }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    protected override void OnParametersSet()
+    {
+        base.OnParametersSet();
+
+        NoMoreText ??= Localizer[nameof(NoMoreText)];
+    }
+
+    private async Task OnIntersecting(IntersectionObserverEntry entry)
+    {
+        if (entry.IsIntersecting)
+        {
+            if (OnLoadMore != null)
+            {
+                await OnLoadMore();
+            }
+        }
+    }
+}

src/BootstrapBlazor/Components/LoadMore/LoadMore.razor.scss renamed to src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor.scss

@@ -1,14 +1,14 @@
-.nomore {
+.bb-intersection-loading {
     display: flex;
     justify-content: center;
     padding: .5rem .5rem 1rem;
     color: #aaa;
-    font-size: .875rem;
 }
 
-.loading {
+.bb-intersection-stop-text {
     display: flex;
     justify-content: center;
     padding: .5rem .5rem 1rem;
     color: #aaa;
+    font-size: .875rem;
 }

src/BootstrapBlazor/Components/LoadMore/LoadMore.razor

@@ -58,6 +58,7 @@
 @import "../../Components/Input/BootstrapInputGroup.razor.scss";
 @import "../../Components/Input/FloatingLabel.razor.scss";
 @import "../../Components/Input/OtpInput.razor.scss";
+@import "../../Components/IntersectionObserver/LoadMore.razor.scss";
 @import "../../Components/IpAddress/IpAddress.razor.scss";
 @import "../../Components/Layout/Layout.razor.scss";
 @import "../../Components/Layout/LayoutSplitBar.razor.scss";