refactor: 重构代码

Author: ArgoZhang

src/BootstrapBlazor/Components/Textarea/Textarea.razor

@@ -7,6 +7,5 @@
     <BootstrapLabel required="@Required" for="@Id" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText" />
 }
 <textarea @attributes="AdditionalAttributes" placeholder="@PlaceHolder" id="@Id" class="@ClassName" disabled="@Disabled"
-          @bind-value="@CurrentValueAsString" @bind-value:event="@EventString"
-          @onkeyup="OnKeyUp"
-          @onblur="OnBlur" data-bb-scroll="@AutoScrollString" @ref="FocusElement"></textarea>
+          @bind-value="CurrentValueAsString" @bind-value:event="@EventString" @onblur="@OnBlur"
+          data-bb-shift-enter="@_shiftEnterString" data-bb-scroll="@AutoScrollString" @ref="FocusElement"></textarea>

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

@@ -38,15 +38,24 @@ public partial class Textarea
 
     /// <summary>
     /// 获得/设置 文本框按键回调委托方法 默认为 null
+    /// <para>返回真时阻止按键</para>
     /// </summary>
     [Parameter]
-    public Func<KeyboardEventArgs, Task>? OnKeyUpAsync { get; set; }
+    public Func<KeyboardEventArgs, Task<bool>>? OnKeyDownAsync { get; set; }
+
+    /// <summary>
+    /// 获得/设置 是否使用 Shift + Enter 代替原回车按键行为 默认为 false
+    /// </summary>
+    [Parameter]
+    public bool UseShiftEnter { get; set; }
 
     /// <summary>
     /// 获得 客户端是否自动滚屏标识
     /// </summary>
     private string? AutoScrollString => IsAutoScroll ? "auto" : null;
 
+    private string? _shiftEnterString => UseShiftEnter ? "true" : null;
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -61,20 +70,4 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
             await InvokeVoidAsync("execute", Id, "update");
         }
     }
-
-    private async Task OnKeyUp(KeyboardEventArgs args)
-    {
-        if (args.Key == "Enter" && OnEnterAsync != null)
-        {
-            await OnEnterAsync(Value);
-        }
-        if (args.Key == "Escape" && OnEscAsync != null)
-        {
-            await OnEscAsync(Value);
-        }
-        if (OnKeyUpAsync != null)
-        {
-            await OnKeyUpAsync(args);
-        }
-    }
 }

src/BootstrapBlazor/Components/Textarea/Textarea.razor.js

@@ -1,13 +1,24 @@
 import { select, handleKeyUp, selectAllByFocus, selectAllByEnter } from "../Input/BootstrapInput.razor.js"
 import Data from "../../modules/data.js"
+import EventHandler from "../../modules/event-handler.js"
 
 export function init(id) {
+    var el = document.getElementById(id);
     const text = {
         prevMethod: '',
-        element: document.getElementById(id)
+        element: el
     }
 
-    Data.set(id, text)
+    Data.set(id, text);
+    EventHandler.on(el, 'keydown', e => {
+        if (e.key === "Enter" || e.key === "NumpadEnter") {
+            const useShiftEnter = el.getAttribute('data-bb-shift-enter') === 'true';
+            const shiftKey = e.shiftKey;
+            if (!shiftKey || !useShiftEnter) {
+                e.preventDefault();
+            }
+        }
+    });
 }
 
 export function execute(id, method, position) {
@@ -36,7 +47,12 @@ export function execute(id, method, position) {
 }
 
 export function dispose(id) {
-    Data.remove(id)
+    const text = Data.get(id);
+    Data.remove(id);
+
+    if (text) {
+        EventHandler.off(text.element);
+    }
 }
 
 export { select, handleKeyUp, selectAllByFocus, selectAllByEnter }