feat(Table): add search col.Name and InverseSelected in ColumnListSelectExtension

Author: momijijin

src/BootstrapBlazor/Components/Table/Table.razor

@@ -120,14 +120,21 @@
                             <div class="dropdown-menu dropdown-menu-end shadow">
                                 @if (ShowColumnListSelectExtension)
                                 {
-                                    <div class="dropdown-item">
-                                        <Checkbox TValue="string" State="@VisibleColumnsCurrentSelectedResult"
-                                                  OnStateChanged="@OnToggleAllColumnsVisibleState">
-                                        </Checkbox>
+                                    <div class="dropdown-item column-list-select-extension">
+                                        <BootstrapInputGroup>
+                                            <Checkbox TValue="string" State="@VisibleColumnsCurrentSelectedResult"
+                                                      OnStateChanged="@OnToggleAllColumnsVisibleState">
+                                            </Checkbox>
+                                            <BootstrapInput Value="@_visibleColumnsSearchKey" IsClearable="true"
+                                                            OnValueChanged="@SearchVisibleColumns" UseInputEvent="true"/>
+                                            <Button Icon="fa-solid fa-arrows-rotate" TooltipText="反选当前列显示"
+                                                    TooltipTrigger="hover" Color="Color.Secondary"
+                                                    OnClick="@InverseSelected"></Button>
+                                        </BootstrapInputGroup>
                                     </div>
                                     <Divider/>
                                 }
-                                @foreach (var item in _visibleColumns)
+                                @foreach (var item in ShowColumnListSelectExtension ? VisibleColumnsSearchResult : _visibleColumns)
                                 {
                                     <div class="dropdown-item">
                                         <Checkbox ShowAfterLabel="true" DisplayText="@item.DisplayName"

src/BootstrapBlazor/Components/Table/Table.razor.Checkbox.cs

@@ -184,6 +184,47 @@ private CheckboxState VisibleColumnsCurrentSelectedResult
                 ? CheckboxState.UnChecked
                 : CheckboxState.Indeterminate;
 
+    private string _visibleColumnsSearchKey = "";
+
+    /// <summary>
+    /// 获得/设置 各列是否显示状态集合
+    /// </summary>
+    private List<ColumnVisibleItem> VisibleColumnsSearchResult
+        => string.IsNullOrWhiteSpace(_visibleColumnsSearchKey)
+            ? _visibleColumns : _visibleColumnsSearchResult;
+
+    /// <summary>
+    /// 获得/设置 各列是否显示状态集合
+    /// </summary>
+    private List<ColumnVisibleItem> _visibleColumnsSearchResult = [];
+
+    private async Task SearchVisibleColumns(string searchKey)
+    {
+        _visibleColumnsSearchKey = searchKey;
+        _visibleColumnsSearchResult = _visibleColumns
+            .Where(r =>
+                string.IsNullOrWhiteSpace(_visibleColumnsSearchKey) ||
+                (r.DisplayName ?? r.Name).Contains(_visibleColumnsSearchKey))
+            .ToList();
+        await InvokeAsync(StateHasChanged);
+    }
+
+    private async Task InverseSelected()
+    {
+        foreach (var column in _visibleColumns)
+        {
+            column.Visible = !column.Visible;
+            await OnToggleColumnVisible(column.Name, column.Visible);
+        }
+
+        if (VisibleColumnsCurrentSelectedResult == CheckboxState.UnChecked && _visibleColumns.Any())
+        {
+            await ShowToastAsync("提示", "表格需要至少有一列显示，全不选时默认第一列维持显示状态", ToastCategory.Warning);
+            _visibleColumns[0].Visible = true;
+        }
+        await InvokeAsync(StateHasChanged);
+    }
+
     private async Task OnToggleAllColumnsVisibleState(CheckboxState state, string _)
     {
         if (state == CheckboxState.Checked)
@@ -194,7 +235,7 @@ private async Task OnToggleAllColumnsVisibleState(CheckboxState state, string _)
             }
         else if (state == CheckboxState.UnChecked)
         {
-            await ShowToastAsync("提示", "表格需要至少有一列显示，点击全不选时默认第一列维持显示状态", ToastCategory.Warning);
+            await ShowToastAsync("提示", "表格需要至少有一列显示，全不选时默认第一列维持显示状态", ToastCategory.Warning);
             foreach (var column in _visibleColumns.Skip(1).ToList())
             {
                 column.Visible = false;

src/BootstrapBlazor/Components/Table/Table.razor.scss

@@ -975,3 +975,12 @@ form .table .table-cell > textarea {
         margin-inline-end: .25rem;
     }
 }
+
+.column-list-select-extension {
+  min-width: 250px;
+}
+
+.column-list-select-extension > .input-group > .form-check {
+    flex-grow: 0;
+    width: 40px;
+}