feat: 增加 MaxLength 属性

Author: ArgoZhang

src/BootstrapBlazor/Components/Input/OtpInput.razor

@@ -11,7 +11,7 @@
         else
         {
             var charIndex = index;
-            <input type="@TypeString" maxlength="1" inputmode="@TypeModeString" class="@ItemClassString" value="@GetValueString(index)" @onchange="e => OnChanged(e, charIndex)" />
+            <input type="@TypeString" maxlength="@MaxLengthString" inputmode="@TypeModeString" class="@ItemClassString" value="@GetValueString(index)" @onchange="e => OnChanged(e.Value!.ToString(), charIndex)" />
         }
     }
 </div>

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

@@ -45,6 +45,12 @@ public partial class OtpInput
         _ => "text"
     };
 
+    private string? MaxLengthString => Type switch
+    {
+        OtpInputType.Text => "1",
+        _ => null
+    };
+
     private string? TypeModeString => Type switch
     {
         OtpInputType.Number => "numeric",
@@ -60,7 +66,14 @@ protected override void OnParametersSet()
     {
         base.OnParametersSet();
 
-        _values = Value?.ToCharArray() ?? [];
+        _values = new char[Digits];
+        for (var index = 0; index < Digits; index++)
+        {
+            if (index < Value.Length)
+            {
+                _values[index] = Value[index];
+            }
+        }
     }
 
     private char? GetValueString(int index)
@@ -73,15 +86,11 @@ protected override void OnParametersSet()
         return c;
     }
 
-    private void OnChanged(ChangeEventArgs e, int index)
+    private void OnChanged(string? v, int index)
     {
-        if (index < _values.Length)
+        if (index < Digits && !string.IsNullOrEmpty(v))
         {
-            var v = e.Value?.ToString();
-            if (!string.IsNullOrEmpty(v))
-            {
-                _values[index] = v[0];
-            }
+            _values[index] = v[0];
         }
     }
 }