@nokecy/qc-ui 1.0.81 → 1.0.83

package/dist/cjs/ag-grid-plus/_utils/processColumnGroups.d.ts

@@ -1,2 +1,11 @@
+/**
+ * 处理列分组配置
+ * 兼容新旧两种数据格式：
+ * 1. 新格式：FlatColumnItem[] (带有 type, parentId, level)
+ * 2. 旧格式：{ groupName: string } (简单的分组名称)
+ *
+ * @param columns 列配置数组
+ * @returns AG-Grid 列定义
+ */
 declare const processColumnGroups: (columns: any[]) => any;
 export default processColumnGroups;

package/dist/cjs/ag-grid-plus/_utils/processColumnGroups.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _columnGroupUtils = require("../setting/columnGroupUtils");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -16,7 +17,49 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 处理列分组配置
+ * 兼容新旧两种数据格式：
+ * 1. 新格式：FlatColumnItem[] (带有 type, parentId, level)
+ * 2. 旧格式：{ groupName: string } (简单的分组名称)
+ *
+ * @param columns 列配置数组
+ * @returns AG-Grid 列定义
+ */
 var processColumnGroups = function processColumnGroups(columns) {
+  // 如果是空数组，直接返回
+  if (!columns || columns.length === 0) {
+    return [];
+  }
+
+  // 检查是否已经是标准 AG-Grid 格式（带 children 的分组）
+  // 如果列定义中有 children 属性，说明已经是 AG-Grid 标准格式，直接返回
+  var hasStandardGroups = columns.some(function (col) {
+    return col.children && Array.isArray(col.children);
+  });
+  if (hasStandardGroups) {
+    // 标准格式：直接返回，不做任何处理
+    return columns;
+  }
+
+  // 检查是否是新格式（FlatColumnItem）
+  var isNewFormat = columns.some(function (col) {
+    return col.type !== undefined;
+  });
+  if (isNewFormat) {
+    // 新格式：使用 flatConfigToGridState 转换
+    return (0, _columnGroupUtils.flatConfigToGridState)(columns);
+  }
+
+  // 旧格式：使用旧的处理逻辑
+  // 检查是否需要迁移
+  if ((0, _columnGroupUtils.isOldSchemeData)(columns)) {
+    // 先迁移到新格式，再转换
+    var migrated = (0, _columnGroupUtils.migrateOldScheme)(columns);
+    return (0, _columnGroupUtils.flatConfigToGridState)(migrated);
+  }
+
+  // 兼容最原始的格式（groupName）
   var groupMap = new Map();
   var result = [];
   var ungrouped = [];

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

@@ -58,7 +58,7 @@ var getSort = function getSort(columnState) {
   return columnState ? "".concat(columnState.colId, " ").concat(columnState.sort) : "";
 };
 function AgGridPlus(props) {
-  var _querySchemeManager$c;
+  var _columnSchemeManager$2, _querySchemeManager$c;
   var style = props.style,
     loadingProps = props.loading,
     gridParams = props.params,
@@ -172,12 +172,16 @@ function AgGridPlus(props) {
     storageAdapter: globalColumnAdapter || columnSchemeStorageAdapter,
     enableAutoSave: true,
     onSchemeChange: function onSchemeChange(scheme) {
-      if (scheme && apiRef.current) {
-        apiRef.current.applyColumnState({
-          state: scheme.columnState,
-          applyOrder: true
-        });
-      }
+      console.log('[AgGridPlus] onSchemeChange 被调用:', {
+        hasScheme: !!scheme,
+        hasApiRef: !!apiRef.current,
+        schemeId: scheme === null || scheme === void 0 ? void 0 : scheme.id,
+        schemeName: scheme === null || scheme === void 0 ? void 0 : scheme.name,
+        hasColumnConfig: !!(scheme !== null && scheme !== void 0 && scheme.columnConfig)
+      });
+
+      // 注意: 方案应用已由 useEffect 处理
+      // useEffect 会在 apiRef 和 currentScheme 都准备好时自动应用方案
     }
   }) : undefined;
 
@@ -242,37 +246,114 @@ function AgGridPlus(props) {
 
   // 加载列方案
   (0, _react.useEffect)(function () {
-    if (!gridPlusColumnState || !gridKey || !apiRef.current) return;
-    var currentState = gridPlusColumnState[gridKey];
-    if (!currentState) return;
-    setColumnCellClass(handelgridPlusColumnState(currentState));
-    var timer = setTimeout(function () {
-      var _apiRef$current;
-      (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || _apiRef$current.applyColumnState({
-        state: currentState,
-        applyOrder: true
-      });
-    }, 10);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [gridPlusColumnState, gridKey]);
+    var _columnSchemeManager$;
+    if (!gridKey || !apiRef.current) return;
 
-  // 当 gridApi 就绪且有当前方案时，应用列方案
+    // 优先使用方案中的 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);
+      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);
+      };
+    }
+  }, [gridKey, columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$2 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$2 === void 0 ? void 0 : _columnSchemeManager$2.columnConfig, gridPlusColumnState]);
+
+  // 同步 apiRef 和 currentScheme,确保方案在两者都准备好时应用
   (0, _react.useEffect)(function () {
+    var _currentScheme$column;
     var currentScheme = columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme;
-    if (!apiRef.current || !currentScheme) return;
-    var timer = setTimeout(function () {
-      var _apiRef$current2;
-      (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || _apiRef$current2.applyColumnState({
-        state: currentScheme.columnState,
-        applyOrder: true
+
+    // 两个依赖都不存在时,直接返回
+    if (!apiRef.current || !currentScheme) {
+      console.log('[AgGridPlus] useEffect: 等待依赖准备', {
+        hasApiRef: !!apiRef.current,
+        hasCurrentScheme: !!currentScheme
       });
+      return;
+    }
+    console.log('[AgGridPlus] useEffect: 两个依赖都准备好,应用方案', {
+      schemeId: currentScheme.id,
+      schemeName: currentScheme.name,
+      hasColumnConfig: !!currentScheme.columnConfig,
+      columnConfigCount: ((_currentScheme$column = currentScheme.columnConfig) === null || _currentScheme$column === void 0 ? void 0 : _currentScheme$column.length) || 0
+    });
+    var timer = setTimeout(function () {
+      // 优先使用 columnConfig(包含完整的分组结构)
+      if (currentScheme.columnConfig) {
+        var _require2 = require("./setting/columnGroupUtils"),
+          flatConfigToGridState = _require2.flatConfigToGridState;
+        var gridColumnDefs = flatConfigToGridState(currentScheme.columnConfig);
+        console.log('[AgGridPlus] useEffect: 应用方案的 columnConfig:', {
+          columnConfig: currentScheme.columnConfig,
+          columnConfigLength: currentScheme.columnConfig.length,
+          gridColumnDefs: gridColumnDefs,
+          gridColumnDefsLength: gridColumnDefs.length,
+          columnConfigDetail: currentScheme.columnConfig.map(function (item) {
+            return {
+              type: item.type,
+              field: item.field,
+              headerName: item.headerName,
+              order: item.order,
+              parentId: item.parentId
+            };
+          }),
+          gridColumnDefsDetail: gridColumnDefs.map(function (def, idx) {
+            var _def$children;
+            return {
+              index: idx,
+              field: def.field,
+              headerName: def.headerName,
+              groupId: def.groupId,
+              children: (_def$children = def.children) === null || _def$children === void 0 ? void 0 : _def$children.length
+            };
+          })
+        });
+
+        // 1. 先设置列定义(包含分组结构)
+        if (apiRef.current) {
+          apiRef.current.setGridOption("columnDefs", gridColumnDefs);
+        }
+
+        // 2. 【重要修改】使用 columnConfig 时，不应用 columnState
+        // 原因：columnConfig 已经包含了完整的列配置（宽度、隐藏、顺序、分组等）
+        // 如果再应用 columnState，会导致分组子列被视为独立列，破坏分组结构
+        console.log('[AgGridPlus] useEffect: 使用 columnConfig，跳过 columnState 应用');
+      }
+
+      // 应用过滤器状态
+      if (currentScheme.filterModel && apiRef.current) {
+        apiRef.current.setFilterModel(currentScheme.filterModel);
+      }
     }, 10);
     return function () {
       return clearTimeout(timer);
     };
-  }, [columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme]);
+  }, [apiRef.current, columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme]);
   (0, _react.useEffect)(function () {
     setRowData(dataSource || propRowData || []);
   }, [dataSource, propRowData]);
@@ -308,96 +389,116 @@ function AgGridPlus(props) {
     return colDef.customCellRenderer(params);
   };
 
-  // 获取表格列定义
-  var getTableColumns = function getTableColumns(rowDataList) {
-    var data = rowDataList.length > 0 ? rowDataList[0] : {};
-    var columnProps = _react.default.Children.map(children, function (child, index) {
-      return _objectSpread({}, child.props);
-    });
-    var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
-    columnDefs = columnDefs.map(function (col) {
-      var dataType = getDataType(data, col.field || '', col.valueEnum);
-      if (col.valueEnum && Array.isArray(col.valueEnum)) {
-        var _defaultItems$0$value, _defaultItems$;
-        // 统计默认值
-        var valueEnum = col.valueEnum; // 保存引用以便TypeScript理解
-        var defaultItems = valueEnum.filter(function (item) {
-          return item.default;
+  // 辅助函数: 处理单个列配置
+  var processColumnConfig = function processColumnConfig(col, data) {
+    var dataType = getDataType(data, col.field || '', col.valueEnum);
+    if (col.valueEnum && Array.isArray(col.valueEnum)) {
+      var _defaultItems$0$value, _defaultItems$;
+      // 统计默认值
+      var valueEnum = col.valueEnum; // 保存引用以便TypeScript理解
+      var defaultItems = valueEnum.filter(function (item) {
+        return item.default;
+      });
+      var isMultiple = defaultItems.length > 1;
+      var defaultValue = isMultiple ? defaultItems.map(function (item) {
+        return item.value;
+      }) : (_defaultItems$0$value = (_defaultItems$ = defaultItems[0]) === null || _defaultItems$ === void 0 ? void 0 : _defaultItems$.value) !== null && _defaultItems$0$value !== void 0 ? _defaultItems$0$value : undefined;
+      var valueFormatter = function valueFormatter(params) {
+        var match = valueEnum.find(function (item) {
+          return item.value == params.value;
         });
-        var isMultiple = defaultItems.length > 1;
-        var defaultValue = isMultiple ? defaultItems.map(function (item) {
-          return item.value;
-        }) : (_defaultItems$0$value = (_defaultItems$ = defaultItems[0]) === null || _defaultItems$ === void 0 ? void 0 : _defaultItems$.value) !== null && _defaultItems$0$value !== void 0 ? _defaultItems$0$value : undefined;
-        var valueFormatter = function valueFormatter(params) {
+        return match ? match.label : params.value;
+      };
+      return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+        cellRenderer: function cellRenderer(params) {
           var match = valueEnum.find(function (item) {
             return item.value == params.value;
           });
-          return match ? match.label : params.value;
-        };
-        return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
-          cellRenderer: function cellRenderer(params) {
-            var match = valueEnum.find(function (item) {
-              return item.value == params.value;
-            });
-            if (match) {
-              var color = match.color || '#ffffff';
-              return /*#__PURE__*/_react.default.createElement("span", {
-                style: {
-                  color: color,
-                  backgroundColor: 'transparent',
-                  fontWeight: 500
-                }
-              }, match.label);
-            }
-            return params.value;
-          },
-          filterParams: _objectSpread(_objectSpread({}, col.filterParams || {}), {}, {
-            valueFormatter: valueFormatter
-          }),
-          searchComponent: _antdV.Select,
-          searchComponentProps: {
-            options: col.valueEnum.map(function (item) {
-              return {
-                label: item.label,
-                value: item.value
-              };
-            }),
-            mode: isMultiple ? "multiple" : undefined,
-            defaultValue: defaultValue
-          }
-        });
-      }
-      if (col.type || typeof col.cellRenderer == "string") {
-        return _objectSpread({}, col);
-      }
-      //@ts-ignore
-      if (col !== null && col !== void 0 && col.ellipsis) {
-        return _objectSpread(_objectSpread({}, col), {}, {
-          cellRenderer: function cellRenderer(_ref) {
-            var value = _ref.value;
-            return /*#__PURE__*/_react.default.createElement(Text, {
-              ellipsis: {
-                tooltip: value
-              },
+          if (match) {
+            var color = match.color || '#ffffff';
+            return /*#__PURE__*/_react.default.createElement("span", {
               style: {
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center'
+                color: color,
+                backgroundColor: 'transparent',
+                fontWeight: 500
               }
-            }, value);
+            }, match.label);
           }
-        });
-      }
-      if (col.cellRenderer) {
-        return _objectSpread(_objectSpread({}, col), {}, {
-          customCellRenderer: col.cellRenderer,
-          cellRenderer: cellRenderer
-        });
-      }
-      return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+          return params.value;
+        },
+        filterParams: _objectSpread(_objectSpread({}, col.filterParams || {}), {}, {
+          valueFormatter: valueFormatter
+        }),
+        searchComponent: _antdV.Select,
+        searchComponentProps: {
+          options: col.valueEnum.map(function (item) {
+            return {
+              label: item.label,
+              value: item.value
+            };
+          }),
+          mode: isMultiple ? "multiple" : undefined,
+          defaultValue: defaultValue
+        }
+      });
+    }
+    if (col.type || typeof col.cellRenderer == "string") {
+      return _objectSpread({}, col);
+    }
+    //@ts-ignore
+    if (col !== null && col !== void 0 && col.ellipsis) {
+      return _objectSpread(_objectSpread({}, col), {}, {
+        cellRenderer: function cellRenderer(_ref) {
+          var value = _ref.value;
+          return /*#__PURE__*/_react.default.createElement(Text, {
+            ellipsis: {
+              tooltip: value
+            },
+            style: {
+              display: 'flex',
+              justifyContent: 'center',
+              alignItems: 'center'
+            }
+          }, value);
+        }
+      });
+    }
+    if (col.cellRenderer) {
+      return _objectSpread(_objectSpread({}, col), {}, {
         customCellRenderer: col.cellRenderer,
         cellRenderer: cellRenderer
       });
+    }
+    return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+      customCellRenderer: col.cellRenderer,
+      cellRenderer: cellRenderer
+    });
+  };
+
+  // 获取表格列定义
+  var getTableColumns = function getTableColumns(rowDataList) {
+    var data = rowDataList.length > 0 ? rowDataList[0] : {};
+    var columnProps = _react.default.Children.map(children, function (child, index) {
+      return _objectSpread({}, child.props);
+    });
+    var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
+
+    // 递归处理列配置（包括分组的 children）
+    var processColumnDefRecursively = function processColumnDefRecursively(col) {
+      // 如果有 children（分组列），递归处理每个子列
+      if (col.children && Array.isArray(col.children)) {
+        return _objectSpread(_objectSpread({}, col), {}, {
+          children: col.children.map(function (child) {
+            return processColumnDefRecursively(child);
+          })
+        });
+      }
+
+      // 处理普通列
+      return processColumnConfig(col, data);
+    };
+    columnDefs = columnDefs.map(function (col) {
+      return processColumnDefRecursively(col);
     });
     extensibleColumns && gridKey && extensibleColumns[gridKey] && extensibleColumns[gridKey].map(function (column) {
       columnDefs.push({
@@ -471,9 +572,15 @@ function AgGridPlus(props) {
       enableClickSelection: false
     };
   }, [propsRowSelection, enableClickSelection]);
-  console.log('[AgGridPlus] rowSelection config:', JSON.stringify(rowSelectionConfig));
   var onGridReady = (0, _react.useCallback)(function (params) {
-    var _apiRef$current3;
+    var _columnSchemeManager$3, _columnSchemeManager$4, _columnSchemeManager$5, _apiRef$current3;
+    console.log('[AgGridPlus] onGridReady 被调用:', {
+      hasColumnSchemeManager: !!columnSchemeManager,
+      hasCurrentScheme: !!(columnSchemeManager !== null && columnSchemeManager !== void 0 && columnSchemeManager.currentScheme),
+      currentSchemeId: columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$3 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$3 === void 0 ? void 0 : _columnSchemeManager$3.id,
+      currentSchemeName: columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$4 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$4 === void 0 ? void 0 : _columnSchemeManager$4.name,
+      hasColumnConfig: !!(columnSchemeManager !== null && columnSchemeManager !== void 0 && (_columnSchemeManager$5 = columnSchemeManager.currentScheme) !== null && _columnSchemeManager$5 !== void 0 && _columnSchemeManager$5.columnConfig)
+    });
     apiRef.current = params.api;
     onReady && onReady(params);
     ///@ts-ignore
@@ -481,7 +588,10 @@ function AgGridPlus(props) {
     setColumnState((_apiRef$current3 = apiRef.current) === null || _apiRef$current3 === void 0 ? void 0 : _apiRef$current3.getColumnState());
     sortChanged(params.api);
     setReady(true);
-  }, [dataSource]);
+
+    // 注意: 方案应用已由 useEffect 处理,无需在这里重复应用
+    // useEffect 会在 apiRef 和 currentScheme 都准备好时自动应用方案
+  }, [dataSource, columnSchemeManager]);
   var onRequest = (0, _react.useCallback)(function (queryFilter) {
     if (!requestRef.current) return;
     setLoading(true);
@@ -584,9 +694,6 @@ function AgGridPlus(props) {
     if (prevDeps.paginationCurrent !== pagination.current) changedDeps.push('pagination.current');
     if (prevDeps.paginationPageSize !== pagination.pageSize) changedDeps.push('pagination.pageSize');
     if (prevDeps.stableSortColumn !== stableSortColumn) changedDeps.push('stableSortColumn');
-    if (changedDeps.length > 0) {
-      console.log('🔍 useEffect 依赖项变化:', changedDeps.join(', '));
-    }
     depsRef.current = {
       ready: ready,
       stableQueryFilter: stableQueryFilter,
@@ -818,21 +925,34 @@ function AgGridPlus(props) {
   };
   var colDefs = (0, _react.useMemo)(function () {
     var columnDefs = getTableColumns(rowData);
-    columnDefs = columnDefs.map(function (i) {
-      var cellConfig = columnCellClass[i.field];
+
+    // 递归应用 columnCellClass 配置
+    var applyCellConfig = function applyCellConfig(col) {
+      // 如果有 children,递归处理
+      if (col.children && Array.isArray(col.children)) {
+        return _objectSpread(_objectSpread({}, col), {}, {
+          children: col.children.map(applyCellConfig).filter(function (x) {
+            return !x.hideInTable;
+          })
+        });
+      }
+
+      // 处理普通列
+      var cellConfig = columnCellClass[col.field];
       if (cellConfig) {
         if (cellConfig.cellClass) {
-          i.cellClass = cellConfig.cellClass;
+          col.cellClass = cellConfig.cellClass;
         }
         if (cellConfig.groupName) {
-          i.groupName = cellConfig.groupName;
+          col.groupName = cellConfig.groupName;
         }
         if (cellConfig.suppressHeaderFilterButton !== undefined) {
-          i.suppressHeaderFilterButton = !cellConfig.suppressHeaderFilterButton;
+          col.suppressHeaderFilterButton = !cellConfig.suppressHeaderFilterButton;
         }
       }
-      return i;
-    }).filter(function (x) {
+      return col;
+    };
+    columnDefs = columnDefs.map(applyCellConfig).filter(function (x) {
       return !x.hideInTable;
     });
     var processedColumns = (0, _processColumnGroups.default)(columnDefs);
@@ -852,11 +972,6 @@ function AgGridPlus(props) {
         order: (_col$searchSort = col.searchSort) !== null && _col$searchSort !== void 0 ? _col$searchSort : 999
       }, col);
     })) || [];
-    console.log('[AgGridPlus] queryFormItems构建:', {
-      allColDefsLength: allColDefs === null || allColDefs === void 0 ? void 0 : allColDefs.length,
-      queryFormItemsLength: items.length,
-      queryFormItems: items
-    });
     return items;
   }, [allColDefs]);
 
@@ -1000,8 +1115,8 @@ function AgGridPlus(props) {
     onDragStopped: function onDragStopped(e) {
       if (apiRef.current) {
         var _apiRef$current7;
-        var _columnState = (_apiRef$current7 = apiRef.current) === null || _apiRef$current7 === void 0 ? void 0 : _apiRef$current7.getColumnState();
-        setColumnState(_columnState);
+        var _columnState2 = (_apiRef$current7 = apiRef.current) === null || _apiRef$current7 === void 0 ? void 0 : _apiRef$current7.getColumnState();
+        setColumnState(_columnState2);
 
         // onColumnStateChanged && onColumnStateChanged(columnState)
       }