@yibozhang/pro-table 16.0.5 → 16.0.7

package/fesm2022/yibozhang-pro-table.mjs

@@ -857,17 +857,19 @@ class ProTableComponent {
             };
         });
         if (res.code === 0) {
-            if (!isEqual(res.data.tabColumn, initColumns)) {
-                const initRes = await this.persistRemoteColumns(initColumns);
-                if (initRes) {
+            const serverColumns = Array.isArray(res?.data?.tabColumn)
+                ? res.data.tabColumn
+                : [];
+            // 以远程数据为主：保留远程顺序与显示状态，仅做字段结构合并（新增字段追加、删除字段过滤）
+            const merged = this.mergeServerColumnsWithInit(serverColumns, initColumns);
+            if (!isEqual(serverColumns, merged)) {
+                const persistRes = await this.persistRemoteColumns(merged);
+                if (persistRes) {
                     this.queryDynamicColumns();
                 }
                 return false;
             }
-            else {
-                console.log("一致");
-                return true;
-            }
+            return true;
         }
         else if (res.code === 10) {
             // code === 10 表示未初始化，需要继续执行后续逻辑
@@ -877,6 +879,38 @@ class ProTableComponent {
             return false;
         }
     }
+    mergeServerColumnsWithInit(serverColumns, initColumns) {
+        const initByField = new Map();
+        initColumns.forEach((c) => initByField.set(c.field, c));
+        const merged = [];
+        const seen = new Set();
+        // 1) 保留远程顺序与显示状态；同步 header/sortName；过滤掉前端已不存在的 field
+        serverColumns.forEach((sc) => {
+            const field = sc?.field;
+            if (!field || !initByField.has(field) || seen.has(field))
+                return;
+            const init = initByField.get(field);
+            merged.push({
+                ...sc,
+                header: init.header,
+                sortName: init.sortName ?? null,
+            });
+            seen.add(field);
+        });
+        // 2) 新增字段（远程不存在）追加到末尾，默认显示用 initColumns 的 isShow
+        initColumns.forEach((ic) => {
+            if (seen.has(ic.field))
+                return;
+            merged.push({
+                field: ic.field,
+                isShow: ic.isShow,
+                header: ic.header,
+                sortName: ic.sortName ?? null,
+            });
+            seen.add(ic.field);
+        });
+        return merged;
+    }
     async queryDynamicColumns() {
         if (!this.tableName || !this.columnRemote)
             return;