@nokecy/qc-ui 1.1.8 → 1.1.10

package/dist/esm/array-table/index.js

@@ -103,23 +103,59 @@ var ArrayTableInner = observer(function (props) {
    * 监听 currentScheme 和 gridApiState 的变化，当方案和 Grid API 都准备好时，
    * 自动应用方案中保存的列状态（列顺序、宽度、隐藏等）
    *
-   * 关键优化：使用 ref 记录上次应用的配置哈希，避免保存配置后重复应用旧数据
+   * 关键优化：比较 Grid 当前状态和方案配置，只在真正不一致时才应用
    */
   useEffect(function () {
-    var _currentScheme$column;
     // 检查必要条件
     if (!props.gridKey || !gridApiState || !currentScheme) return;
     if (!currentScheme.columnConfig || currentScheme.columnConfig.length === 0) return;
 
-    // 计算当前配置的简单哈希（用于检测配置是否真正变化）
-    var configHash = JSON.stringify({
+    // 【修复】计算方案配置的哈希
+    var schemeConfigHash = JSON.stringify({
       id: currentScheme.id,
       columnCount: currentScheme.columnConfig.length,
-      firstCol: (_currentScheme$column = currentScheme.columnConfig[0]) === null || _currentScheme$column === void 0 ? void 0 : _currentScheme$column.field,
-      updatedAt: currentScheme.updatedAt
+      // 使用前3列的完整配置作为哈希的一部分（包含顺序、宽度、隐藏等）
+      firstCols: currentScheme.columnConfig.slice(0, 3).map(function (col) {
+        return {
+          field: col.field,
+          width: col.width,
+          hide: col.hide,
+          pinned: col.pinned
+        };
+      })
     });
-    // 【关键】检查配置是否真正变化，避免重复应用
-    if (configHash === lastAppliedRef.current.configHash) {
+
+    // 【关键修复】比较方案配置和 Grid 当前状态
+    // 检查前3列的关键属性是否一致（跳过字段名差异）
+    var currentGridState = gridApiState.getColumnState();
+    var isGridStateSameAsScheme = true;
+    if (currentGridState.length !== currentScheme.columnConfig.length) {
+      isGridStateSameAsScheme = false;
+    } else {
+      // 比较前3列的关键属性
+      for (var i = 0; i < Math.min(3, currentGridState.length); i++) {
+        var gridCol = currentGridState[i];
+        var schemeCol = currentScheme.columnConfig[i];
+        if (schemeCol.type !== 'column') continue;
+
+        // 比较关键属性（field/colId, width, hide, pinned）
+        if (gridCol.colId !== schemeCol.field || Math.abs((gridCol.width || 0) - (schemeCol.width || 0)) > 5 ||
+        // 允许5px误差
+        gridCol.hide !== schemeCol.hide || gridCol.pinned !== schemeCol.pinned) {
+          isGridStateSameAsScheme = false;
+          break;
+        }
+      }
+    }
+    // 【关键】跳过应用的条件:
+    // 1. Grid 当前状态与方案配置一致（说明已经应用过或刚保存）
+    // 2. 方案配置与上次应用的相同（避免重复应用）
+    if (isGridStateSameAsScheme || schemeConfigHash === lastAppliedRef.current.configHash) {
+      // 更新记录,避免后续误判
+      lastAppliedRef.current = {
+        schemeId: currentScheme.id,
+        configHash: schemeConfigHash
+      };
       return;
     }
 
@@ -143,7 +179,7 @@ var ArrayTableInner = observer(function (props) {
       // 记录本次应用的配置哈希
       lastAppliedRef.current = {
         schemeId: currentScheme.id,
-        configHash: configHash
+        configHash: schemeConfigHash
       };
     };
 
@@ -182,7 +218,7 @@ var ArrayTableInner = observer(function (props) {
     return function () {
       cancelAnimationFrame(rafId);
     };
-  }, [props.gridKey, gridApiState, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.id, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.updatedAt]);
+  }, [props.gridKey, gridApiState, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.id]);
 
   //@ts-ignore
   if (columns.length > 0) {