perf(ValidateForm): support validate multiple validate form (#4382)

* perf: 优化性能

* refactor: 精简代码

* refactor: 重构代码提高可读性

* revert: 移除后来增加的代码

* test: 更新单元测试

Author: ArgoZhang

src/BootstrapBlazor/Components/Validate/ValidateBase.cs

@@ -474,11 +474,6 @@ public virtual void ToggleMessage(IEnumerable<ValidationResult> results)
             OnValidate(IsValid);
         }
 
-        if (!string.IsNullOrEmpty(ErrorMessage))
-        {
-            ValidateForm?.AddValidationComponent(Id);
-        }
-
         // 必须刷新一次 UI 保证状态正确
         StateHasChanged();
     }

src/BootstrapBlazor/Components/ValidateForm/ValidateForm.razor.cs

@@ -137,22 +137,6 @@ protected override void OnParametersSet()
         }
     }
 
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    /// <param name="firstRender"></param>
-    /// <returns></returns>
-    protected override async Task OnAfterRenderAsync(bool firstRender)
-    {
-        await base.OnAfterRenderAsync(firstRender);
-
-        if (!ShowAllInvalidResult && _invalidComponents.Count > 0)
-        {
-            await InvokeVoidAsync("update", Id, _invalidComponents);
-            _invalidComponents.Clear();
-        }
-    }
-
     /// <summary>
     /// 添加数据验证组件到 EditForm 中
     /// </summary>
@@ -177,13 +161,14 @@ internal void AddValidator((string FieldName, Type ModelType) key, (FieldIdentif
     /// <param name="errorMessage">错误描述信息，可为空，为空时查找资源文件</param>
     public void SetError<TModel>(Expression<Func<TModel, object?>> expression, string errorMessage)
     {
-        if (expression.Body is UnaryExpression unary && unary.Operand is MemberExpression mem)
-        {
-            InternalSetError(mem, errorMessage);
-        }
-        else if (expression.Body is MemberExpression exp)
+        switch (expression.Body)
         {
-            InternalSetError(exp, errorMessage);
+            case UnaryExpression { Operand: MemberExpression mem }:
+                InternalSetError(mem, errorMessage);
+                break;
+            case MemberExpression exp:
+                InternalSetError(exp, errorMessage);
+                break;
         }
     }
 
@@ -633,9 +618,7 @@ private async Task OnInvalidSubmitForm(EditContext context)
     public bool Validate()
     {
         _invalid = true;
-        var ret = Validator.Validate() && !_invalid;
-        StateHasChanged();
-        return ret;
+        return Validator.Validate() && !_invalid;
     }
 
     /// <summary>
@@ -649,12 +632,12 @@ public void NotifyFieldChanged(in FieldIdentifier fieldIdentifier, object? value
         OnFieldValueChanged?.Invoke(fieldIdentifier.FieldName, value);
     }
 
-    private readonly List<string> _invalidComponents = [];
+    //private readonly List<string> _invalidComponents = [];
 
-    internal void AddValidationComponent(string id)
-    {
-        _invalidComponents.Add(id);
-    }
+    //internal void AddValidationComponent(string id)
+    //{
+    //    _invalidComponents.Add(id);
+    //}
 
     /// <summary>
     /// 获取 当前表单值改变的属性集合

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

@@ -14,36 +14,6 @@ export function init(id) {
     })
 }
 
-export function update(id, invalidIds) {
-    const el = document.getElementById(id);
-    const items = [...el.querySelectorAll(".is-invalid")];
-    const invalidElements = invalidIds.map(cId => {
-        const item = document.getElementById(cId);
-        let order = items.indexOf(item);
-        if (order === -1) {
-            const invalidEl = item.querySelector(".is-invalid");
-            if (invalidEl) {
-                order = items.indexOf(invalidEl);
-            }
-        }
-        return { item, order };
-    });
-    invalidElements.sort((a, b) => b.order - a.order);
-
-    const invalid = invalidElements.pop();
-    if (invalid) {
-        const handler = setInterval(() => {
-            const tip = bootstrap.Tooltip.getInstance(invalid.item)
-            if (tip) {
-                clearInterval(handler);
-                if (!tip._isShown()) {
-                    tip.show();
-                }
-            }
-        }, 20);
-    }
-}
-
 export function dispose(id) {
     const el = document.getElementById(id)
     EventHandler.off(el, 'keydown')

test/UnitTest/Components/ValidateFormTest.cs

@@ -524,7 +524,7 @@ public async Task ValidateFromCode_Ok()
 
         var form = cut.Instance;
         await cut.InvokeAsync(() => form.Validate());
-        Assert.Contains("form-control invalid is-invalid", cut.Markup);
+        Assert.Contains("form-control valid is-invalid", cut.Markup);
     }
 
     [Fact]