refactor: 重构组件提高性能

Author: ArgoZhang

src/BootstrapBlazor/Components/Input/OtpInput.razor

@@ -2,20 +2,20 @@
 @inherits ValidateBase<string>
 
 <div @attributes="AdditionalAttributes" id="@Id" class="@ClassString">
+    <input hidden value="@CurrentValueAsString" class="" />
     @for (var index = 0; index < Digits; index++)
     {
-        <span class="@ItemClassString">
             @if(IsReadonly || IsDisabled)
             {
-                @GetValueString(index)
+                <span class="@ItemClassString">
+                    @GetValueString(index)
+                </span>
             }
             else
             {
-                var charIndex = index;
                 <input type="@TypeString" class="@InputClassString"
                        maxlength="@MaxLengthString" inputmode="@TypeModeString" placeholder="@PlaceHolder"
-                       value="@GetValueString(index)" @onchange="e => OnChanged(e.Value!.ToString(), charIndex)" />
+                       value="@GetValueString(index)" />
             }
-        </span>
     }
 </div>

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

@@ -44,9 +44,8 @@ public partial class OtpInput
         .AddClass(ValidCss)
         .Build();
 
-    private string? InputClassString => CssBuilder.Default()
+    private string? InputClassString => CssBuilder.Default("bb-opt-item")
         .AddClass("input-number-fix", Type == OtpInputType.Number)
-        .AddClass("disabled", IsDisabled)
         .Build();
 
     private string TypeString => Type switch
@@ -58,8 +57,8 @@ public partial class OtpInput
 
     private string? MaxLengthString => Type switch
     {
-        OtpInputType.Text => "1",
-        _ => null
+        OtpInputType.Number => null,
+        _ => "1"
     };
 
     private string? TypeModeString => Type switch
@@ -77,34 +76,19 @@ protected override void OnParametersSet()
     {
         base.OnParametersSet();
 
+        Value ??= "";
         _values = new char[Digits];
-        if (Value != null)
+        for (var index = 0; index < Digits; index++)
         {
-            for (var index = 0; index < Digits; index++)
+            if (index < Value.Length)
             {
-                if (index < Value.Length)
-                {
-                    _values[index] = Value[index];
-                }
+                _values[index] = Value[index];
             }
         }
     }
 
     private char? GetValueString(int index)
     {
-        char? c = _values.ElementAtOrDefault(index);
-        if (c == 0)
-        {
-            c = null;
-        }
-        return c;
-    }
-
-    private void OnChanged(string? v, int index)
-    {
-        if (index < Digits && !string.IsNullOrEmpty(v))
-        {
-            _values[index] = v[0];
-        }
+        return _values[index] != 0 ? _values[index] : null;
     }
 }