fix(ValidateForm): show first element tooltip when set ShowAllInvalidResult to false (#4332)

* refactor: 更新寻找报错组件逻辑

* chore: bump version 8.9.3-beta02

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

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

src/BootstrapBlazor/Components/ValidateForm/ValidateForm.razor.js

@@ -16,16 +16,17 @@ export function init(id) {
 
 export function update(id, invalidIds) {
     const el = document.getElementById(id);
-    const items = [...el.children];
+    const items = [...el.querySelectorAll(".is-invalid")];
     const invalidElements = invalidIds.map(cId => {
         const item = document.getElementById(cId);
-        let parentEl = item.parentElement;
-        while (parentEl !== el) {
-            parentEl = parentEl.parentElement;
+        let order = items.indexOf(item);
+        if (order === -1) {
+            const invalidEl = item.querySelector(".is-invalid");
+            if (invalidEl) {
+                order = items.indexOf(invalidEl);
+            }
         }
-        return {
-            item, order: items.indexOf(item)
-        };
+        return { item, order };
     });
     invalidElements.sort((a, b) => b.order - a.order);