refactor: 重构组件结构

Author: ArgoZhang

src/BootstrapBlazor/Components/Input/OtpInput.razor

@@ -4,15 +4,18 @@
 <div @attributes="AdditionalAttributes" id="@Id" class="@ClassString">
     @for (var index = 0; index < Digits; index++)
     {
-        if (IsReadonly || IsDisabled)
-        {
-            <span class="@ItemClassString">@GetValueString(index)</span>
-        }
-        else
-        {
-            var charIndex = index;
-            <input type="@TypeString" maxlength="@MaxLengthString" inputmode="@TypeModeString" placeholder="@PlaceHolder"
-                   class="@ItemClassString" value="@GetValueString(index)" @onchange="e => OnChanged(e.Value!.ToString(), charIndex)" />
-        }
+        <span class="@ItemClassString">
+            @if(IsReadonly || IsDisabled)
+            {
+                @GetValueString(index)
+            }
+            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)" />
+            }
+        </span>
     }
 </div>

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

@@ -40,11 +40,15 @@ public partial class OtpInput
         .Build();
 
     private string? ItemClassString => CssBuilder.Default("bb-opt-item")
-        .AddClass("input-number-fix", Type == OtpInputType.Number)
         .AddClass("disabled", IsDisabled)
         .AddClass(ValidCss)
         .Build();
 
+    private string? InputClassString => CssBuilder.Default()
+        .AddClass("input-number-fix", Type == OtpInputType.Number)
+        .AddClass("disabled", IsDisabled)
+        .Build();
+
     private string TypeString => Type switch
     {
         OtpInputType.Number => "number",
@@ -74,11 +78,14 @@ protected override void OnParametersSet()
         base.OnParametersSet();
 
         _values = new char[Digits];
-        for (var index = 0; index < Digits; index++)
+        if (Value != null)
         {
-            if (index < Value.Length)
+            for (var index = 0; index < Digits; index++)
             {
-                _values[index] = Value[index];
+                if (index < Value.Length)
+                {
+                    _values[index] = Value[index];
+                }
             }
         }
     }