refactor(TreeView): update clear cache logic (#4955)

* chore: bump version 9.1.9-beta06

Co-Authored-By: XiaoChenDan <[email protected]>

* refactor: 更改方法名称

* refactor: 增加父节点赋值操作

* style: 增加定位样式

* revert: 恢复滚动脚本

* chore: 更新注释

* fix: 修复状态不同步问题

* chore: bump version 9.1.9-beta09

---------

Co-authored-by: XiaoChenDan <[email protected]>

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

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

src/BootstrapBlazor/Components/TreeView/TreeView.razor.cs

@@ -355,6 +355,7 @@ protected override void OnParametersSet()
     protected override async Task OnParametersSetAsync()
     {
         _rows = null;
+        TreeNodeStateCache.Reset();
 
         if (Items != null)
         {
@@ -875,12 +876,12 @@ private List<TreeViewItem<TItem>> Rows
         get
         {
             // 扁平化数据集合
-            _rows ??= GetItems().ToFlat<TItem>();
+            _rows ??= GetTreeItems().ToFlat<TItem>();
             return _rows;
         }
     }
 
-    private List<TreeViewItem<TItem>> GetItems() => _searchItems ?? Items;
+    private List<TreeViewItem<TItem>> GetTreeItems() => _searchItems ?? Items;
 
     private static string? GetTreeRowStyle(TreeViewItem<TItem> item)
     {

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

@@ -32,7 +32,7 @@ export function scroll(id, options) {
     const el = document.getElementById(id);
     const item = el.querySelector(".tree-content.active");
     if (item) {
-        item.parentElement.scrollTo({ top: item.offsetTop, left: 0, behavior: options?.behavior ?? 'smooth' });
+        item.scrollIntoView(options ?? { behavior: 'smooth', block: 'start', inline: 'nearest' });
     }
 }
 

src/BootstrapBlazor/Components/TreeView/TreeView.razor.scss

@@ -28,6 +28,7 @@
     .tree-root {
         padding: var(--bb-tree-padding);
         margin: var(--bb-tree-margin);
+        position: relative;
     }
 
     .tree-content {

src/BootstrapBlazor/Extensions/TreeViewExtensions.cs

@@ -49,18 +49,20 @@ public static class TreeViewExtensions
     /// </summary>
     /// <typeparam name="TItem"></typeparam>
     /// <param name="source"></param>
+    /// <param name="parent"></param>
     /// <returns></returns>
-    public static List<TreeViewItem<TItem>> ToFlat<TItem>(this IEnumerable<TreeViewItem<TItem>> source)
+    public static List<TreeViewItem<TItem>> ToFlat<TItem>(this IEnumerable<TreeViewItem<TItem>> source, TreeViewItem<TItem>? parent = null)
     {
         var rows = new List<TreeViewItem<TItem>>();
         if (source != null)
         {
             foreach (var item in source)
             {
+                item.Parent = parent;
                 rows.Add(item);
                 if (item.IsExpand)
                 {
-                    rows.AddRange(ToFlat(item.Items));
+                    rows.AddRange(ToFlat(item.Items, item));
                 }
             }
         }

src/BootstrapBlazor/Options/ScrollIntoViewOptions.cs

@@ -11,17 +11,17 @@ namespace BootstrapBlazor.Components;
 public class ScrollIntoViewOptions
 {
     /// <summary>
-    /// 获得/设置 滚动条宽度 默认 5px
+    /// Determines whether scrolling is instant or animates smoothly
     /// </summary>
     public ScrollIntoViewBehavior Behavior { get; set; }
 
     /// <summary>
-    /// 获得/设置 滚动条鼠标悬浮宽度 默认 5px
+    /// Defines the vertical alignment of the element within the scrollable ancestor container
     /// </summary>
     public ScrollIntoViewBlock Block { get; set; }
 
     /// <summary>
-    /// 获得/设置 滚动条鼠标悬浮宽度 默认 5px
+    /// Defines the horizontal alignment of the element within the scrollable ancestor container
     /// </summary>
     public ScrollIntoViewInline Inline { get; set; }
 }