@nokecy/qc-ui 1.0.85 → 1.0.87

package/dist/cjs/ag-grid-plus/ag-gridPlus.js

@@ -241,47 +241,48 @@ function AgGridPlus(props) {
     };
   }, []);
 
+  // 【修复】缓存第一次数据用于类型推断,避免 rowData 更新时重新计算 colDefs
+  // 原因: getTableColumns 只需要第一行数据来推断列的数据类型(数字列自动求和)
+  //      类型推断应该只在初始化时进行一次,后续数据更新不应改变列定义
+  var firstRowDataRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    // 只在首次有数据时保存
+    if (!firstRowDataRef.current && rowData.length > 0) {
+      firstRowDataRef.current = rowData[0];
+      console.log('[AgGridPlus] 保存首行数据用于类型推断:', firstRowDataRef.current);
+    }
+  }, [rowData]);
+
   // 测试列数据
   // const restData = [{"id":"47","field":"code","headerName":"编码","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"code","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"48","field":"name","headerName":"名称","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"name","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"49","field":"abbName","headerName":"简称","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"abbName","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"50","field":"address","headerName":"地址","width":662,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"address","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":1},{"id":"51","field":"creator","headerName":"创建人","width":90,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"creator","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"52","field":"creationTime","headerName":"创建时间","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"creationTime","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"53","field":"lastModifier","headerName":"最后修改人","width":90,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"lastModifier","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"54","field":"lastModificationTime","headerName":"最后修改时间","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"lastModificationTime","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"55","field":"","headerName":"操作","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"0","pinned":"right","sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null}]
 
   // 加载列方案
+  // 仅用于设置列样式,不改变列结构
+  // 列结构(包括分组)由 useEffect #2 通过 setGridOption("columnDefs") 处理
   (0, _react.useEffect)(function () {
     var _columnSchemeManager$;
     if (!gridKey || !apiRef.current) return;
 
-    // 优先使用方案中的 columnConfig（用户在列配置界面调整后的数据）
+    // 只有当有 columnConfig 时才设置列样式
     if (columnSchemeManager !== null && columnSchemeManager !== void 0 && (_columnSchemeManager$ = columnSchemeManager.currentScheme) !== null && _columnSchemeManager$ !== void 0 && _columnSchemeManager$.columnConfig) {
       var _require = require("./setting/columnGroupUtils"),
         flatConfigToColumnState = _require.flatConfigToColumnState;
       var _columnState = flatConfigToColumnState(columnSchemeManager.currentScheme.columnConfig);
+      console.log('[AgGridPlus] useEffect #1: 设置列样式', {
+        gridKey: gridKey,
+        schemeId: columnSchemeManager.currentScheme.id,
+        schemeName: columnSchemeManager.currentScheme.name,
+        columnCount: _columnState.length
+      });
       setColumnCellClass(handelgridPlusColumnState(_columnState));
-      var timer = setTimeout(function () {
-        var _apiRef$current;
-        (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || _apiRef$current.applyColumnState({
-          state: _columnState,
-          applyOrder: true
-        });
-      }, 10);
-      return function () {
-        return clearTimeout(timer);
-      };
-    }
-    // 后备方案：使用旧的 gridPlusColumnState
-    else if (gridPlusColumnState !== null && gridPlusColumnState !== void 0 && gridPlusColumnState[gridKey]) {
-      var currentState = gridPlusColumnState[gridKey];
-      setColumnCellClass(handelgridPlusColumnState(currentState));
-      var _timer = setTimeout(function () {
-        var _apiRef$current2;
-        (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || _apiRef$current2.applyColumnState({
-          state: currentState,
-          applyOrder: true
-        });
-      }, 10);
-      return function () {
-        return clearTimeout(_timer);
-      };
+
+      // 【重要】不再调用 applyColumnState
+      // 原因:
+      // 1. 如果有分组,applyColumnState 会破坏分组结构
+      // 2. 列顺序、宽度、隐藏等属性已由 useEffect #2 的 setGridOption("columnDefs") 应用
+      // 3. 这里只负责设置列样式(cellClass)
     }
-  }, [gridKey, columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$2 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$2 === void 0 ? void 0 : _columnSchemeManager$2.columnConfig, gridPlusColumnState]);
+  }, [gridKey, columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$2 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$2 === void 0 ? void 0 : _columnSchemeManager$2.columnConfig]);
 
   // 同步 apiRef 和 currentScheme,确保方案在两者都准备好时应用
   (0, _react.useEffect)(function () {
@@ -521,11 +522,22 @@ function AgGridPlus(props) {
   };
 
   // 计算所有列定义(包括隐藏的列)
+  // 【修复】移除 rowData 依赖,使用缓存的首行数据进行类型推断
   var allColDefs = (0, _react.useMemo)(function () {
-    var cols = getTableColumns(rowData);
+    var dataForTypeInference = firstRowDataRef.current || (rowData.length > 0 ? rowData[0] : {});
+    var cols = getTableColumns([dataForTypeInference]);
     allColDefsRef.current = cols; // 同步更新 ref
+
+    console.log('[AgGridPlus] allColDefs 重新计算:', {
+      childrenCount: _react.default.Children.count(children),
+      hasPropsColumnDefs: !!props.columnDefs,
+      extensibleColumnsCount: Object.keys(extensibleColumns || {}).length,
+      gridKey: gridKey,
+      colsCount: cols.length,
+      usingCachedData: !!firstRowDataRef.current
+    });
     return cols;
-  }, [_react.default.Children.count(children), props.columnDefs, extensibleColumns, rowData, gridKey]);
+  }, [_react.default.Children.count(children), props.columnDefs, extensibleColumns, gridKey]);
 
   // 稳定化 gridParams 和 sortColumn 的引用
   var stableGridParams = (0, _react.useMemo)(function () {
@@ -580,7 +592,7 @@ function AgGridPlus(props) {
     };
   }, [propsRowSelection, enableClickSelection]);
   var onGridReady = (0, _react.useCallback)(function (params) {
-    var _columnSchemeManager$3, _columnSchemeManager$4, _columnSchemeManager$5, _apiRef$current3;
+    var _columnSchemeManager$3, _columnSchemeManager$4, _columnSchemeManager$5, _apiRef$current;
     console.log('[AgGridPlus] onGridReady 被调用:', {
       hasColumnSchemeManager: !!columnSchemeManager,
       hasCurrentScheme: !!(columnSchemeManager !== null && columnSchemeManager !== void 0 && columnSchemeManager.currentScheme),
@@ -592,7 +604,7 @@ function AgGridPlus(props) {
     onReady && onReady(params);
     ///@ts-ignore
     dataSource && setRowData(dataSource);
-    setColumnState((_apiRef$current3 = apiRef.current) === null || _apiRef$current3 === void 0 ? void 0 : _apiRef$current3.getColumnState());
+    setColumnState((_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.getColumnState());
     sortChanged(params.api);
     setReady(true);
 
@@ -617,7 +629,7 @@ function AgGridPlus(props) {
         sorter: getSort(stableSortColumn)
       });
       requestRef.current(params, undefined, queryFilter).then(function (response) {
-        var _apiRef$current4;
+        var _apiRef$current2;
         // 验证响应数据格式
         if (!response || _typeof(response) !== 'object') {
           throw new _errors.GridPlusError('服务器返回数据格式错误', _errors.ErrorType.DATA_FORMAT_ERROR, _errors.ErrorSeverity.HIGH, {
@@ -633,7 +645,7 @@ function AgGridPlus(props) {
         var rowCount = response.total;
         setRowData(rowData);
         // 刷新所有单元格
-        (_apiRef$current4 = apiRef.current) === null || _apiRef$current4 === void 0 || _apiRef$current4.refreshCells({
+        (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || _apiRef$current2.refreshCells({
           force: true
         });
         setPagination(function (prev) {
@@ -907,8 +919,8 @@ function AgGridPlus(props) {
       });
     }
     if (!allColDefs || displayedData.length === 0) {
-      var _apiRef$current5;
-      (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 || _apiRef$current5.setGridOption('pinnedBottomRowData', undefined);
+      var _apiRef$current3;
+      (_apiRef$current3 = apiRef.current) === null || _apiRef$current3 === void 0 || _apiRef$current3.setGridOption('pinnedBottomRowData', undefined);
       return;
     }
     var calcColFields = allColDefs.filter(function (col) {
@@ -922,16 +934,19 @@ function AgGridPlus(props) {
       };
     });
     if (calcColFields.length > 0) {
-      var _apiRef$current6;
+      var _apiRef$current4;
       var calculatedValues = calculatefun(calcColFields, displayedData);
-      (_apiRef$current6 = apiRef.current) === null || _apiRef$current6 === void 0 || _apiRef$current6.setGridOption('pinnedBottomRowData', calculatedValues);
+      (_apiRef$current4 = apiRef.current) === null || _apiRef$current4 === void 0 || _apiRef$current4.setGridOption('pinnedBottomRowData', calculatedValues);
     }
   }, [allColDefs, calculatefun]);
   var onFilterChanged = function onFilterChanged(event) {
     calculateSum();
   };
   var colDefs = (0, _react.useMemo)(function () {
-    var columnDefs = getTableColumns(rowData);
+    // 使用缓存的首行数据进行类型推断,而不是当前的 rowData
+    // 这样 rowData 更新时不会触发 colDefs 重新计算
+    var dataForTypeInference = firstRowDataRef.current || (rowData.length > 0 ? rowData[0] : {});
+    var columnDefs = getTableColumns([dataForTypeInference]);
 
     // 递归应用 columnCellClass 配置
     var applyCellConfig = function applyCellConfig(col) {
@@ -963,8 +978,16 @@ function AgGridPlus(props) {
       return !x.hideInTable;
     });
     var processedColumns = (0, _processColumnGroups.default)(columnDefs);
+    console.log('[AgGridPlus] colDefs 重新计算:', {
+      childrenCount: _react.default.Children.count(children),
+      hasPropsColumnDefs: !!props.columnDefs,
+      extensibleColumnsCount: Object.keys(extensibleColumns || {}).length,
+      columnCellClassCount: Object.keys(columnCellClass).length,
+      processedColumnsCount: processedColumns.length,
+      usingCachedData: !!firstRowDataRef.current
+    });
     return processedColumns;
-  }, [_react.default.Children.count(children), props.columnDefs, extensibleColumns, columnCellClass, rowData]);
+  }, [_react.default.Children.count(children), props.columnDefs, extensibleColumns, columnCellClass]);
 
   // 构建查询表单项（带 order 属性）
   var queryFormItems = (0, _react.useMemo)(function () {
@@ -1121,8 +1144,8 @@ function AgGridPlus(props) {
     rowSelection: rowSelectionConfig,
     onDragStopped: function onDragStopped(e) {
       if (apiRef.current) {
-        var _apiRef$current7;
-        var _columnState2 = (_apiRef$current7 = apiRef.current) === null || _apiRef$current7 === void 0 ? void 0 : _apiRef$current7.getColumnState();
+        var _apiRef$current5;
+        var _columnState2 = (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 ? void 0 : _apiRef$current5.getColumnState();
         setColumnState(_columnState2);
 
         // onColumnStateChanged && onColumnStateChanged(columnState)

package/dist/cjs/ag-grid-plus/setting/ColumnSetting.js

@@ -249,12 +249,12 @@ var ColumnSetting = function ColumnSetting(_ref) {
 
           // 等待 Grid 状态更新完成后再保存到方案
           setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-            var updatedState, filterModel, defaultScheme, newScheme;
+            var updatedState, filterModel, defaultScheme, _newScheme$columnConf, newScheme;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   if (!(schemeManager && gridKey)) {
-                    _context.next = 28;
+                    _context.next = 29;
                     break;
                   }
                   _context.prev = 1;
@@ -287,7 +287,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
                     filterModel: filterModel
                   });
                 case 8:
-                  _context.next = 23;
+                  _context.next = 24;
                   break;
                 case 10:
                   // 如果没有激活的方案，查找或创建"默认配置"方案
@@ -308,7 +308,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
                     filterModel: filterModel
                   });
                 case 16:
-                  _context.next = 23;
+                  _context.next = 24;
                   break;
                 case 18:
                   _context.next = 20;
@@ -321,20 +321,29 @@ var ColumnSetting = function ColumnSetting(_ref) {
                   });
                 case 20:
                   newScheme = _context.sent;
-                  _context.next = 23;
+                  console.log('[ColumnSetting] 创建默认方案成功,准备应用:', {
+                    schemeId: newScheme.id,
+                    schemeName: newScheme.name,
+                    hasColumnConfig: !!newScheme.columnConfig,
+                    columnConfigLength: ((_newScheme$columnConf = newScheme.columnConfig) === null || _newScheme$columnConf === void 0 ? void 0 : _newScheme$columnConf.length) || 0
+                  });
+
+                  // 【修复】直接加载方案,确保立即应用
+                  // loadScheme 会设置 currentScheme 并触发 onSchemeChange
+                  _context.next = 24;
                   return schemeManager.loadScheme(newScheme.id);
-                case 23:
-                  _context.next = 28;
+                case 24:
+                  _context.next = 29;
                   break;
-                case 25:
-                  _context.prev = 25;
+                case 26:
+                  _context.prev = 26;
                   _context.t0 = _context["catch"](1);
                   console.error('[ColumnSetting] 保存列配置到方案失败:', _context.t0);
-                case 28:
+                case 29:
                 case "end":
                   return _context.stop();
               }
-            }, _callee, null, [[1, 25]]);
+            }, _callee, null, [[1, 26]]);
           })), 50);
 
           // 保存成功后清除备份

package/dist/esm/ag-grid-plus/ag-gridPlus.js

@@ -234,47 +234,48 @@ function AgGridPlus(props) {
     };
   }, []);
 
+  // 【修复】缓存第一次数据用于类型推断,避免 rowData 更新时重新计算 colDefs
+  // 原因: getTableColumns 只需要第一行数据来推断列的数据类型(数字列自动求和)
+  //      类型推断应该只在初始化时进行一次,后续数据更新不应改变列定义
+  var firstRowDataRef = useRef(null);
+  useEffect(function () {
+    // 只在首次有数据时保存
+    if (!firstRowDataRef.current && rowData.length > 0) {
+      firstRowDataRef.current = rowData[0];
+      console.log('[AgGridPlus] 保存首行数据用于类型推断:', firstRowDataRef.current);
+    }
+  }, [rowData]);
+
   // 测试列数据
   // const restData = [{"id":"47","field":"code","headerName":"编码","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"code","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"48","field":"name","headerName":"名称","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"name","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"49","field":"abbName","headerName":"简称","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"abbName","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"50","field":"address","headerName":"地址","width":662,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"address","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":1},{"id":"51","field":"creator","headerName":"创建人","width":90,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"creator","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"52","field":"creationTime","headerName":"创建时间","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"creationTime","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"53","field":"lastModifier","headerName":"最后修改人","width":90,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"lastModifier","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"54","field":"lastModificationTime","headerName":"最后修改时间","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"lastModificationTime","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"55","field":"","headerName":"操作","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"0","pinned":"right","sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null}]
 
   // 加载列方案
+  // 仅用于设置列样式,不改变列结构
+  // 列结构(包括分组)由 useEffect #2 通过 setGridOption("columnDefs") 处理
   useEffect(function () {
     var _columnSchemeManager$;
     if (!gridKey || !apiRef.current) return;
 
-    // 优先使用方案中的 columnConfig（用户在列配置界面调整后的数据）
+    // 只有当有 columnConfig 时才设置列样式
     if (columnSchemeManager !== null && columnSchemeManager !== void 0 && (_columnSchemeManager$ = columnSchemeManager.currentScheme) !== null && _columnSchemeManager$ !== void 0 && _columnSchemeManager$.columnConfig) {
       var _require = require("./setting/columnGroupUtils"),
         flatConfigToColumnState = _require.flatConfigToColumnState;
       var _columnState = flatConfigToColumnState(columnSchemeManager.currentScheme.columnConfig);
+      console.log('[AgGridPlus] useEffect #1: 设置列样式', {
+        gridKey: gridKey,
+        schemeId: columnSchemeManager.currentScheme.id,
+        schemeName: columnSchemeManager.currentScheme.name,
+        columnCount: _columnState.length
+      });
       setColumnCellClass(handelgridPlusColumnState(_columnState));
-      var timer = setTimeout(function () {
-        var _apiRef$current;
-        (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || _apiRef$current.applyColumnState({
-          state: _columnState,
-          applyOrder: true
-        });
-      }, 10);
-      return function () {
-        return clearTimeout(timer);
-      };
-    }
-    // 后备方案：使用旧的 gridPlusColumnState
-    else if (gridPlusColumnState !== null && gridPlusColumnState !== void 0 && gridPlusColumnState[gridKey]) {
-      var currentState = gridPlusColumnState[gridKey];
-      setColumnCellClass(handelgridPlusColumnState(currentState));
-      var _timer = setTimeout(function () {
-        var _apiRef$current2;
-        (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || _apiRef$current2.applyColumnState({
-          state: currentState,
-          applyOrder: true
-        });
-      }, 10);
-      return function () {
-        return clearTimeout(_timer);
-      };
+
+      // 【重要】不再调用 applyColumnState
+      // 原因:
+      // 1. 如果有分组,applyColumnState 会破坏分组结构
+      // 2. 列顺序、宽度、隐藏等属性已由 useEffect #2 的 setGridOption("columnDefs") 应用
+      // 3. 这里只负责设置列样式(cellClass)
     }
-  }, [gridKey, columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$2 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$2 === void 0 ? void 0 : _columnSchemeManager$2.columnConfig, gridPlusColumnState]);
+  }, [gridKey, columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$2 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$2 === void 0 ? void 0 : _columnSchemeManager$2.columnConfig]);
 
   // 同步 apiRef 和 currentScheme,确保方案在两者都准备好时应用
   useEffect(function () {
@@ -514,11 +515,22 @@ function AgGridPlus(props) {
   };
 
   // 计算所有列定义(包括隐藏的列)
+  // 【修复】移除 rowData 依赖,使用缓存的首行数据进行类型推断
   var allColDefs = useMemo(function () {
-    var cols = getTableColumns(rowData);
+    var dataForTypeInference = firstRowDataRef.current || (rowData.length > 0 ? rowData[0] : {});
+    var cols = getTableColumns([dataForTypeInference]);
     allColDefsRef.current = cols; // 同步更新 ref
+
+    console.log('[AgGridPlus] allColDefs 重新计算:', {
+      childrenCount: React.Children.count(children),
+      hasPropsColumnDefs: !!props.columnDefs,
+      extensibleColumnsCount: Object.keys(extensibleColumns || {}).length,
+      gridKey: gridKey,
+      colsCount: cols.length,
+      usingCachedData: !!firstRowDataRef.current
+    });
     return cols;
-  }, [React.Children.count(children), props.columnDefs, extensibleColumns, rowData, gridKey]);
+  }, [React.Children.count(children), props.columnDefs, extensibleColumns, gridKey]);
 
   // 稳定化 gridParams 和 sortColumn 的引用
   var stableGridParams = useMemo(function () {
@@ -573,7 +585,7 @@ function AgGridPlus(props) {
     };
   }, [propsRowSelection, enableClickSelection]);
   var onGridReady = useCallback(function (params) {
-    var _columnSchemeManager$3, _columnSchemeManager$4, _columnSchemeManager$5, _apiRef$current3;
+    var _columnSchemeManager$3, _columnSchemeManager$4, _columnSchemeManager$5, _apiRef$current;
     console.log('[AgGridPlus] onGridReady 被调用:', {
       hasColumnSchemeManager: !!columnSchemeManager,
       hasCurrentScheme: !!(columnSchemeManager !== null && columnSchemeManager !== void 0 && columnSchemeManager.currentScheme),
@@ -585,7 +597,7 @@ function AgGridPlus(props) {
     onReady && onReady(params);
     ///@ts-ignore
     dataSource && setRowData(dataSource);
-    setColumnState((_apiRef$current3 = apiRef.current) === null || _apiRef$current3 === void 0 ? void 0 : _apiRef$current3.getColumnState());
+    setColumnState((_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.getColumnState());
     sortChanged(params.api);
     setReady(true);
 
@@ -610,7 +622,7 @@ function AgGridPlus(props) {
         sorter: getSort(stableSortColumn)
       });
       requestRef.current(params, undefined, queryFilter).then(function (response) {
-        var _apiRef$current4;
+        var _apiRef$current2;
         // 验证响应数据格式
         if (!response || _typeof(response) !== 'object') {
           throw new GridPlusError('服务器返回数据格式错误', ErrorType.DATA_FORMAT_ERROR, ErrorSeverity.HIGH, {
@@ -626,7 +638,7 @@ function AgGridPlus(props) {
         var rowCount = response.total;
         setRowData(rowData);
         // 刷新所有单元格
-        (_apiRef$current4 = apiRef.current) === null || _apiRef$current4 === void 0 || _apiRef$current4.refreshCells({
+        (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || _apiRef$current2.refreshCells({
           force: true
         });
         setPagination(function (prev) {
@@ -900,8 +912,8 @@ function AgGridPlus(props) {
       });
     }
     if (!allColDefs || displayedData.length === 0) {
-      var _apiRef$current5;
-      (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 || _apiRef$current5.setGridOption('pinnedBottomRowData', undefined);
+      var _apiRef$current3;
+      (_apiRef$current3 = apiRef.current) === null || _apiRef$current3 === void 0 || _apiRef$current3.setGridOption('pinnedBottomRowData', undefined);
       return;
     }
     var calcColFields = allColDefs.filter(function (col) {
@@ -915,16 +927,19 @@ function AgGridPlus(props) {
       };
     });
     if (calcColFields.length > 0) {
-      var _apiRef$current6;
+      var _apiRef$current4;
       var calculatedValues = calculatefun(calcColFields, displayedData);
-      (_apiRef$current6 = apiRef.current) === null || _apiRef$current6 === void 0 || _apiRef$current6.setGridOption('pinnedBottomRowData', calculatedValues);
+      (_apiRef$current4 = apiRef.current) === null || _apiRef$current4 === void 0 || _apiRef$current4.setGridOption('pinnedBottomRowData', calculatedValues);
     }
   }, [allColDefs, calculatefun]);
   var onFilterChanged = function onFilterChanged(event) {
     calculateSum();
   };
   var colDefs = useMemo(function () {
-    var columnDefs = getTableColumns(rowData);
+    // 使用缓存的首行数据进行类型推断,而不是当前的 rowData
+    // 这样 rowData 更新时不会触发 colDefs 重新计算
+    var dataForTypeInference = firstRowDataRef.current || (rowData.length > 0 ? rowData[0] : {});
+    var columnDefs = getTableColumns([dataForTypeInference]);
 
     // 递归应用 columnCellClass 配置
     var applyCellConfig = function applyCellConfig(col) {
@@ -956,8 +971,16 @@ function AgGridPlus(props) {
       return !x.hideInTable;
     });
     var processedColumns = processColumnGroups(columnDefs);
+    console.log('[AgGridPlus] colDefs 重新计算:', {
+      childrenCount: React.Children.count(children),
+      hasPropsColumnDefs: !!props.columnDefs,
+      extensibleColumnsCount: Object.keys(extensibleColumns || {}).length,
+      columnCellClassCount: Object.keys(columnCellClass).length,
+      processedColumnsCount: processedColumns.length,
+      usingCachedData: !!firstRowDataRef.current
+    });
     return processedColumns;
-  }, [React.Children.count(children), props.columnDefs, extensibleColumns, columnCellClass, rowData]);
+  }, [React.Children.count(children), props.columnDefs, extensibleColumns, columnCellClass]);
 
   // 构建查询表单项（带 order 属性）
   var queryFormItems = useMemo(function () {
@@ -1114,8 +1137,8 @@ function AgGridPlus(props) {
     rowSelection: rowSelectionConfig,
     onDragStopped: function onDragStopped(e) {
       if (apiRef.current) {
-        var _apiRef$current7;
-        var _columnState2 = (_apiRef$current7 = apiRef.current) === null || _apiRef$current7 === void 0 ? void 0 : _apiRef$current7.getColumnState();
+        var _apiRef$current5;
+        var _columnState2 = (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 ? void 0 : _apiRef$current5.getColumnState();
         setColumnState(_columnState2);
 
         // onColumnStateChanged && onColumnStateChanged(columnState)

package/dist/esm/ag-grid-plus/setting/ColumnSetting.js

@@ -240,12 +240,12 @@ var ColumnSetting = function ColumnSetting(_ref) {
 
           // 等待 Grid 状态更新完成后再保存到方案
           setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-            var updatedState, filterModel, defaultScheme, newScheme;
+            var updatedState, filterModel, defaultScheme, _newScheme$columnConf, newScheme;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   if (!(schemeManager && gridKey)) {
-                    _context.next = 28;
+                    _context.next = 29;
                     break;
                   }
                   _context.prev = 1;
@@ -278,7 +278,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
                     filterModel: filterModel
                   });
                 case 8:
-                  _context.next = 23;
+                  _context.next = 24;
                   break;
                 case 10:
                   // 如果没有激活的方案，查找或创建"默认配置"方案
@@ -299,7 +299,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
                     filterModel: filterModel
                   });
                 case 16:
-                  _context.next = 23;
+                  _context.next = 24;
                   break;
                 case 18:
                   _context.next = 20;
@@ -312,20 +312,29 @@ var ColumnSetting = function ColumnSetting(_ref) {
                   });
                 case 20:
                   newScheme = _context.sent;
-                  _context.next = 23;
+                  console.log('[ColumnSetting] 创建默认方案成功,准备应用:', {
+                    schemeId: newScheme.id,
+                    schemeName: newScheme.name,
+                    hasColumnConfig: !!newScheme.columnConfig,
+                    columnConfigLength: ((_newScheme$columnConf = newScheme.columnConfig) === null || _newScheme$columnConf === void 0 ? void 0 : _newScheme$columnConf.length) || 0
+                  });
+
+                  // 【修复】直接加载方案,确保立即应用
+                  // loadScheme 会设置 currentScheme 并触发 onSchemeChange
+                  _context.next = 24;
                   return schemeManager.loadScheme(newScheme.id);
-                case 23:
-                  _context.next = 28;
+                case 24:
+                  _context.next = 29;
                   break;
-                case 25:
-                  _context.prev = 25;
+                case 26:
+                  _context.prev = 26;
                   _context.t0 = _context["catch"](1);
                   console.error('[ColumnSetting] 保存列配置到方案失败:', _context.t0);
-                case 28:
+                case 29:
                 case "end":
                   return _context.stop();
               }
-            }, _callee, null, [[1, 25]]);
+            }, _callee, null, [[1, 26]]);
           })), 50);
 
           // 保存成功后清除备份