feat(FloatingLabel): add OnBlurAsync parameter (#4523)

* feat(FloatingLabel): add OnBlurAsync parameter

* feat: 增加 OnBlurAsync 回调方法

* refactor: 移动参数到基类

* refactor: 移动参数到基类

* refactor: 重构 AutoComplete 组件

* refactor: 重构 AutoFill 组件

* doc: 更新文档注释

* refactor: 复用基类事件

* refactor: 使用基类事件

Author: ArgoZhang

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.cs

@@ -60,12 +60,6 @@ public partial class AutoComplete
     [Parameter]
     public bool OnFocusFilter { get; set; }
 
-    /// <summary>
-    /// 获得/设置 失去焦点回调方法 默认 null
-    /// </summary>
-    [Parameter]
-    public Func<string?, Task>? OnBlurAsync { get; set; }
-
     /// <summary>
     /// 获得/设置 匹配时是否忽略大小写，默认为 true
     /// </summary>
@@ -150,9 +144,9 @@ protected override void OnParametersSet()
     }
 
     /// <summary>
-    /// OnBlur 方法
+    /// <inheritdoc/>
     /// </summary>
-    protected virtual async Task OnBlur()
+    protected override async Task OnBlur()
     {
         CurrentSelectedItem = "";
         IsShown = false;

src/BootstrapBlazor/Components/AutoFill/AutoFill.razor.cs

@@ -139,16 +139,21 @@ protected override void OnParametersSet()
     }
 
     /// <summary>
-    /// OnBlur 方法
+    /// <inheritdoc/>
     /// </summary>
-    protected async Task OnBlur()
+    protected override async Task OnBlur()
     {
         _isShown = false;
         if (OnSelectedItemChanged != null && ActiveSelectedItem != null)
         {
             await OnSelectedItemChanged(ActiveSelectedItem);
             ActiveSelectedItem = default;
         }
+
+        if (OnBlurAsync != null)
+        {
+            await OnBlurAsync(Value);
+        }
     }
 
     /// <summary>

src/BootstrapBlazor/Components/Input/BootstrapInput.razor.cs

@@ -22,12 +22,6 @@ public partial class BootstrapInput<TValue>
     [Parameter]
     public bool AutoSetDefaultWhenNull { get; set; }
 
-    /// <summary>
-    /// 获得/设置 失去焦点回调方法 默认 null
-    /// </summary>
-    [Parameter]
-    public Func<TValue, Task>? OnBlurAsync { get; set; }
-
     private string? ReadonlyString => Readonly ? "true" : null;
 
     /// <summary>
@@ -53,15 +47,4 @@ protected override bool TryParseValueFromString(string value, [MaybeNullWhen(fal
         }
         return ret;
     }
-
-    /// <summary>
-    /// OnBlur 方法
-    /// </summary>
-    protected virtual async Task OnBlur()
-    {
-        if (OnBlurAsync != null)
-        {
-            await OnBlurAsync(Value);
-        }
-    }
 }

src/BootstrapBlazor/Components/Input/BootstrapInputBase.cs

@@ -84,6 +84,12 @@ public abstract class BootstrapInputBase<TValue> : ValidateBase<TValue>
     [Parameter]
     public bool IsTrim { get; set; }
 
+    /// <summary>
+    /// 获得/设置 失去焦点回调方法 默认 null
+    /// </summary>
+    [Parameter]
+    public Func<TValue, Task>? OnBlurAsync { get; set; }
+
     [CascadingParameter]
     private Modal? Modal { get; set; }
 
@@ -191,6 +197,17 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// <returns></returns>
     protected override bool TryParseValueFromString(string value, [MaybeNullWhen(false)] out TValue result, out string? validationErrorMessage) => base.TryParseValueFromString(IsTrim ? value.Trim() : value, out result, out validationErrorMessage);
 
+    /// <summary>
+    /// OnBlur 方法
+    /// </summary>
+    protected virtual async Task OnBlur()
+    {
+        if (OnBlurAsync != null)
+        {
+            await OnBlurAsync(Value);
+        }
+    }
+
     /// <summary>
     /// 客户端 EnterCallback 回调方法
     /// </summary>

src/BootstrapBlazor/Components/Input/FloatingLabel.razor

@@ -3,6 +3,6 @@
 @inherits BootstrapInputBase<TValue>
 
 <div class="@ClassString">
-    <input @attributes="@AdditionalAttributes" type="@Type" id="@Id" placeholder="@PlaceHolder" class="@ClassName" disabled="@Disabled" @bind-value="@CurrentValueAsString" @ref="FocusElement" />
+    <input @attributes="@AdditionalAttributes" type="@Type" id="@Id" placeholder="@PlaceHolder" class="@ClassName" disabled="@Disabled" @bind-value="@CurrentValueAsString" @onblur="@OnBlur" @ref="FocusElement" />
     <label for="@Id">@DisplayText</label>
 </div>

src/BootstrapBlazor/Components/InputNumber/BootstrapInputNumber.razor.cs

@@ -83,12 +83,6 @@ public partial class BootstrapInputNumber<TValue>
     [Parameter]
     public string? PlusIcon { get; set; }
 
-    /// <summary>
-    /// 获得/设置 失去焦点回调方法 默认 null
-    /// </summary>
-    [Parameter]
-    public Func<TValue, Task>? OnBlurAsync { get; set; }
-
     [Inject]
     [NotNull]
     private IStringLocalizer<BootstrapInputNumber<TValue>>? Localizer { get; set; }
@@ -268,10 +262,10 @@ private async Task OnClickInc()
     }
 
     /// <summary>
-    /// 失去焦点是触发此方法
+    /// <inheritdoc/>
     /// </summary>
     /// <returns></returns>
-    private async Task OnBlur()
+    protected override async Task OnBlur()
     {
         if (!PreviousParsingAttemptFailed)
         {

src/BootstrapBlazor/Components/Textarea/Textarea.razor.cs

@@ -34,12 +34,6 @@ public partial class Textarea
     [Parameter]
     public bool IsAutoScroll { get; set; }
 
-    /// <summary>
-    /// 获得/设置 失去焦点回调方法 默认 null
-    /// </summary>
-    [Parameter]
-    public Func<string?, Task>? OnBlurAsync { get; set; }
-
     /// <summary>
     /// 获得 客户端是否自动滚屏标识
     /// </summary>
@@ -59,15 +53,4 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
             await InvokeVoidAsync("execute", Id, "update");
         }
     }
-
-    /// <summary>
-    /// OnBlur 方法
-    /// </summary>
-    protected virtual async Task OnBlur()
-    {
-        if (OnBlurAsync != null)
-        {
-            await OnBlurAsync(Value);
-        }
-    }
 }