feat(ContextMenu): context menu should be invisible while scrolling (#7822)

* Fix: context menu should be invisible while scrolling #7821

This is a prposed solution, based on logical deduction.
It is hard for me to test this.

* Fix: resolved issues on #7822 (review) #7821

* refactor: update parameter to IsInvisibleWhenTouchMove

* refactor: 增加标签防止被裁剪

* revert: 代码撤销

* feat: 增加 ontouchmove 事件回调

* refactor: 增加 close 方法

* test: 增加单元测试

* chore: bump version 10.5.0

* test: 更新单元测试

---------

Co-authored-by: Argo Zhang <argo@live.ca>

Author: peereflits

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.5.0-beta04</Version>
+    <Version>10.5.0</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/ContextMenu/ContextMenuTrigger.cs

@@ -45,6 +45,13 @@ public class ContextMenuTrigger : BootstrapComponentBase
     [Parameter]
     public int? OnTouchDelay { get; set; }
 
+    /// <summary>
+    /// <para lang="zh">标记滚动时上下文菜单是否应不可见。默认值为 false。</para>
+    /// <para lang="en">Flags whether the context menu should be invisible while scrolling. Default is false.</para>
+    /// </summary>
+    [Parameter]
+    public bool IsInvisibleWhenTouchMove { get; set; }
+
     [Inject, NotNull]
     private IOptionsMonitor<BootstrapBlazorOptions>? Options { get; set; }
 
@@ -73,6 +80,10 @@ protected override void BuildRenderTree(RenderTreeBuilder builder)
         builder.AddAttribute(30, "oncontextmenu", EventCallback.Factory.Create<MouseEventArgs>(this, OnContextMenu));
         builder.AddAttribute(35, "ontouchstart", EventCallback.Factory.Create<TouchEventArgs>(this, OnTouchStart));
         builder.AddAttribute(36, "ontouchend", EventCallback.Factory.Create<TouchEventArgs>(this, OnTouchEnd));
+        if (IsInvisibleWhenTouchMove)
+        {
+            builder.AddAttribute(37, "ontouchmove", EventCallback.Factory.Create<TouchEventArgs>(this, OnTouchMove));
+        }
         builder.AddEventPreventDefaultAttribute(40, "oncontextmenu", true);
         builder.AddContent(50, ChildContent);
         builder.CloseElement();
@@ -97,6 +108,8 @@ protected override void BuildRenderTree(RenderTreeBuilder builder)
     /// </summary>
     private bool IsBusy { get; set; }
 
+    [DynamicDependency(DynamicallyAccessedMemberTypes.PublicProperties, typeof(TouchEventArgs))]
+    [DynamicDependency(DynamicallyAccessedMemberTypes.PublicProperties, typeof(TouchPoint))]
     private async Task OnTouchStart(TouchEventArgs e)
     {
         if (!IsBusy)
@@ -133,6 +146,14 @@ private async Task OnTouchStart(TouchEventArgs e)
         }
     }
 
+    private void OnTouchMove()
+    {
+        if (IsInvisibleWhenTouchMove)
+        {
+            IsTouchStarted = false;
+        }
+    }
+
     private void OnTouchEnd()
     {
         IsTouchStarted = false;

test/UnitTest/Components/ContextMenuTest.cs

@@ -26,6 +26,7 @@ public async Task ContextMenu_Ok()
             {
                 pb.Add(a => a.WrapperTag, "div");
                 pb.Add(a => a.ContextItem, foo);
+                pb.Add(a => a.IsInvisibleWhenTouchMove, true);
                 pb.AddChildContent(pb =>
                 {
                     pb.OpenElement(0, "div");
@@ -105,6 +106,9 @@ public async Task ContextMenu_Ok()
         await Task.Delay(500);
         row.TouchEnd();
         Assert.True(clicked);
+
+        // 触发 TouchMove 事件
+        row.TouchMove();
     }
 
     [Theory]