refactor: 使用原生元素

Author: ArgoZhang

src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor

@@ -38,8 +38,8 @@
                             </button>
                         }
                         <div class="d-flex align-items-center justify-content-center flex-fill">
-                            <DynamicElement TagName="span" role="button" class="picker-panel-header-label" OnClick="() => SwitchView(DatePickerViewMode.Year)">@YearString</DynamicElement>
-                            <DynamicElement TagName="span" role="button" class="@CurrentMonthViewClassName" OnClick="() => SwitchView(DatePickerViewMode.Month)">@MonthString</DynamicElement>
+                            <span role="button" class="picker-panel-header-label" @onclick="() => SwitchView(DatePickerViewMode.Year)">@YearString</span>
+                            <span role="button" class="@CurrentMonthViewClassName" @onclick="() => SwitchView(DatePickerViewMode.Month)">@MonthString</span>
                             @if (IsDateTimeMode)
                             {
                                 <span role="button" class="picker-panel-header-label" @onclick="SwitchTimeView">@CurrentTime.ToString(TimeFormat)</span>

src/BootstrapBlazor/Components/Select/MultiSelect.razor

@@ -67,9 +67,9 @@
             <div class="toolbar">
                 @if (ShowDefaultButtons)
                 {
-                    <DynamicElement TagName="button" type="button" class="btn" OnClick="SelectAll">@SelectAllText</DynamicElement>
-                    <DynamicElement TagName="button" type="button" class="btn" OnClick="InvertSelect">@ReverseSelectText</DynamicElement>
-                    <DynamicElement TagName="button" type="button" class="btn" OnClick="Clear">@ClearText</DynamicElement>
+                    <button type="button" class="btn" @onclick="SelectAll">@SelectAllText</button>
+                    <button type="button" class="btn" @onclick="InvertSelect">@ReverseSelectText</button>
+                    <button type="button" class="btn" @onclick="Clear">@ClearText</button>
                 }
                 @ButtonTemplate
             </div>

src/BootstrapBlazor/Components/SelectGeneric/MultiSelectGeneric.razor

@@ -60,9 +60,9 @@
             <div class="toolbar">
                 @if (ShowDefaultButtons)
                 {
-                    <DynamicElement TagName="button" type="button" class="btn" OnClick="SelectAll">@SelectAllText</DynamicElement>
-                    <DynamicElement TagName="button" type="button" class="btn" OnClick="InvertSelect">@ReverseSelectText</DynamicElement>
-                    <DynamicElement TagName="button" type="button" class="btn" OnClick="Clear">@ClearText</DynamicElement>
+                    <button type="button" class="btn" @onclick="SelectAll">@SelectAllText</button>
+                    <button type="button" class="btn" @onclick="InvertSelect">@ReverseSelectText</button>
+                    <button type="button" class="btn" @onclick="Clear">@ClearText</button>
                 }
                 @ButtonTemplate
             </div>

src/BootstrapBlazor/Components/Upload/CardUpload.razor

@@ -53,11 +53,11 @@
                     </div>
                     @if (ShowDeleteButton)
                     {
-                        <DynamicElement TagName="button" type="button" class="btn btn-sm btn-outline-danger"
-                                        disabled="@GetDeleteButtonDisabledString(item)" aria-label="delete"
-                                        TriggerClick="@(!IsDisabled)" OnClick="@(() => OnCardFileDelete(item))">
+                        <button type="button" class="btn btn-sm btn-outline-danger"
+                                disabled="@GetDeleteButtonDisabledString(item)" aria-label="delete"
+                                @onclick="() => OnCardFileDelete(item)">
                             <i class="@RemoveIcon"></i>
-                        </DynamicElement>
+                        </button>
                     }
                 </div>
                 @if (GetShowProgress(item))