feat(SelectTree): add auto active value function (#6691)

* refactor: 文档格式化

* feat: 增加选中节点逻辑

* doc: 更新可编辑文档

* refactor: 精简代码

Author: ArgoZhang

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

@@ -50,7 +50,10 @@
 
 <DemoBlock Title="@Localizer["SelectTreesEditTitle"]"
            Introduction="@Localizer["SelectTreesEditIntro"]"
-           Name="Edit">
+           Name="IsEditable">
+    <section ignore>
+        <div>@((MarkupString)Localizer["SelectTreesEditDesc"].Value)</div>
+    </section>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <SelectTree Items="EditItems" @bind-Value="@Value" IsEditable="true"></SelectTree>

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -4893,6 +4893,7 @@
     "SelectTreesClientValidationIntro": "validate the value when submit the form. Inside <code>ValidateForm</code>",
     "SelectTreesEditTitle": "Edit",
     "SelectTreesEditIntro": "By setting <code>IsEditable=\"true\"</code> you can edit the input textbox",
+    "SelectTreesEditDesc": "After setting <code>IsEditable=\"true\"</code>, the content displayed in the text box is the <code>Value</code> value of the node selected in the <code>TreeView</code>, the input value may not be in the <code>Items</code> collection",
     "SelectTreesIsPopoverTitle": "IsPopover",
     "SelectTreesIsPopoverIntro": "Set <code>IsPopover</code> to <b>true</b>, use popover render UI prevent The dropdown menu cannot be fully displayed because the parent container is set to <code>overflow: hidden</code>",
     "SelectTreesClientValidationButtonText": "Submit"

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -4894,6 +4894,7 @@
     "SelectTreesClientValidationIntro": "组件内置 <code>ValidateForm</code> 可设置验证规则",
     "SelectTreesEditTitle": "可输入",
     "SelectTreesEditIntro": "通过设置 <code>IsEditable=\"true\"</code> 可设置下拉框选择后文本框可输入",
+    "SelectTreesEditDesc": "设置 <code>IsEditable=\"true\"</code> 后，文本框显示的内容为 <code>TreeView</code> 选中节点的 <code>Value</code> 值，输入值可以不在 <code>Items</code> 集合中",
     "SelectTreesIsPopoverTitle": "悬浮弹窗",
     "SelectTreesIsPopoverIntro": "通过设置 <code>IsPopover</code> 参数，组件使用 <code>popover</code> 渲染 <code>UI</code> 防止由于父容器设置 <code>overflow: hidden;</code> 使弹窗无法显示问题",
     "SelectTreesClientValidationButtonText": "提交"

src/BootstrapBlazor/Components/Select/SelectTree.razor

@@ -20,7 +20,7 @@
         <span class="@AppendClassName"><i class="@DropdownIcon"></i></span>
     </div>
     <div class="dropdown-menu">
-        <TreeView TItem="TValue" Items="@Items" ShowIcon="ShowIcon"
+        <TreeView TItem="TValue" Items="@Items" ShowIcon="ShowIcon" @ref="_tv"
                   OnTreeItemClick="OnItemClick" ModelEqualityComparer="@ModelEqualityComparer"
                   ShowSearch="ShowSearch" ShowResetSearchButton="ShowResetSearchButton"
                   CanExpandWhenDisabled="CanExpandWhenDisabled"

src/BootstrapBlazor/Components/Select/SelectTree.razor.cs

@@ -68,9 +68,7 @@ public partial class SelectTree<TValue> : IModelEqualityComparer<TValue>
     /// </summary>
     [Parameter]
     [NotNull]
-#if NET6_0_OR_GREATER
     [EditorRequired]
-#endif
     public List<TreeViewItem<TValue>>? Items { get; set; }
 
     /// <summary>
@@ -168,6 +166,7 @@ public partial class SelectTree<TValue> : IModelEqualityComparer<TValue>
     private TreeViewItem<TValue>? _selectedItem;
     private List<TreeViewItem<TValue>>? _itemCache;
     private List<TreeViewItem<TValue>>? _expandedItemsCache;
+    private TreeView<TValue> _tv = default!;
 
     private string? SelectTreeCustomClassString => CssBuilder.Default(CustomClassString)
         .AddClass("select-tree", IsPopover)
@@ -235,6 +234,9 @@ private void OnChange(ChangeEventArgs args)
         if (args.Value is string v)
         {
             CurrentValueAsString = v;
+
+            // 选中节点更改为当前值
+            _tv.SetActiveItem(Value);
         }
     }