fix(Table): toggle column not work after resize column width (#7726)

* refactor: 移除 return 关键字

* refactor: 格式化代码

* refactor: 增加列默认值

* chore: bump version 10.4.0-beta01

* fix: 修复逻辑错误

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.3.3</Version>
+    <Version>10.4.0-beta01</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Table/Table.razor.js

@@ -23,7 +23,7 @@ export async function init(id, invoke, options) {
 
 export function saveColumnList(tableName, columns) {
     const key = `bb-table-column-visiable-${tableName}`
-    return localStorage.setItem(key, JSON.stringify(columns));
+    localStorage.setItem(key, JSON.stringify(columns));
 }
 
 export function reloadColumnList(tableName) {
@@ -432,7 +432,7 @@ const setExcelKeyboardListener = table => {
     }
 
     const setFocus = target => {
-        const handler = setTimeout(function () {
+        const handler = setTimeout(function() {
             clearTimeout(handler);
             if (target.focus) {
                 target.focus();
@@ -541,9 +541,15 @@ const resetTableWidth = table => {
         if (group) {
             let width = 0;
             [...group.children].forEach(col => {
-                width += parseInt(col.style.width)
+                let colWidth = parseInt(col.style.width);
+                if (isNaN(colWidth)) {
+                    colWidth = 100;
+                }
+                width += colWidth;
             })
-            t.style.width = `${width}px`
+            t.style.width = `${width}px`;
+
+            saveColumnWidth(table);
         }
     })
 }

src/BootstrapBlazor/Dynamic/DataTableDynamicContext.cs

@@ -96,14 +96,14 @@ private static bool GetShownColumns(ITableColumn col, IEnumerable<string>? invis
             ret = false;
         }
 
-        // 隐藏列优先 移除隐藏列
+        // 隐藏列存在时隐藏列
         if (ret && hiddenColumns != null && hiddenColumns.Any(c => c.Equals(columnName, StringComparison.OrdinalIgnoreCase)))
         {
             col.Visible = false;
         }
 
-        // 显示列不存在时 不显示
-        if (ret && shownColumns != null && !shownColumns.Any(c => c.Equals(columnName, StringComparison.OrdinalIgnoreCase)))
+        // 显示列存在时显示列
+        if (ret && shownColumns != null && shownColumns.Any(c => c.Equals(columnName, StringComparison.OrdinalIgnoreCase)))
         {
             col.Visible = true;
         }