refactor(TreeView): prevent space key default action (#4353)

* doc: 更新示例增加垂直滚动条

* refactor: 阻止空格默认行为

* chore: bump version 8.9.4-beta04

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/TreeViews.razor

@@ -194,7 +194,8 @@
            Introduction="@Localizer["TreeViewEnableKeyboardArrowUpDownIntro"]"
            Name="Normal">
     <section ignore>@_selectedValue</section>
-    <TreeView TItem="TreeFoo" Items="@KeyboardItems" OnTreeItemClick="@OnTreeItemKeyboardClick" EnableKeyboard="true" />
+    <TreeView TItem="TreeFoo" Items="@KeyboardItems" OnTreeItemClick="@OnTreeItemKeyboardClick" style="height: 160px;"
+              EnableKeyboard="true" ClickToggleNode="false" ClickToggleCheck="false" ShowCheckbox="true" />
 </DemoBlock>
 
 <AttributeTable Items="@GetAttributes()"></AttributeTable>

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>8.9.4-beta03</Version>
+    <Version>8.9.4-beta04</Version>
   </PropertyGroup>
 
   <ItemGroup Condition="'$(TargetFramework)' == 'net5.0'">

src/BootstrapBlazor/Components/TreeView/TreeView.razor.js

@@ -34,7 +34,6 @@ export function init(id, invoke, method) {
             const v = el.getAttribute('data-bb-keyboard');
             if (v === "true") {
                 e.preventDefault();
-
                 invoke.invokeMethodAsync(method, e.key);
             }
         }
@@ -43,6 +42,7 @@ export function init(id, invoke, method) {
             if (v === "true") {
                 const checkbox = el.querySelector(".active > .tree-content > .form-check > .form-check-input");
                 if (checkbox) {
+                    e.preventDefault();
                     checkbox.click();
                 }
             }