@nokecy/qc-ui 1.0.82 → 1.0.83

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

@@ -51,7 +51,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,
@@ -165,12 +165,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;
 
@@ -235,37 +239,114 @@ function AgGridPlus(props) {
 
   // 加载列方案
   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;
+
+    // 优先使用方案中的 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]);
 
-  // 当 gridApi 就绪且有当前方案时，应用列方案
+  // 同步 apiRef 和 currentScheme,确保方案在两者都准备好时应用
   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]);
   useEffect(function () {
     setRowData(dataSource || propRowData || []);
   }, [dataSource, propRowData]);
@@ -301,96 +382,116 @@ function AgGridPlus(props) {
     return colDef.customCellRenderer(params);
   };
 
-  // 获取表格列定义
-  var getTableColumns = function getTableColumns(rowDataList) {
-    var data = rowDataList.length > 0 ? rowDataList[0] : {};
-    var columnProps = React.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.createElement("span", {
-                style: {
-                  color: color,
-                  backgroundColor: 'transparent',
-                  fontWeight: 500
-                }
-              }, match.label);
-            }
-            return params.value;
-          },
-          filterParams: _objectSpread(_objectSpread({}, col.filterParams || {}), {}, {
-            valueFormatter: valueFormatter
-          }),
-          searchComponent: 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.createElement(Text, {
-              ellipsis: {
-                tooltip: value
-              },
+          if (match) {
+            var color = match.color || '#ffffff';
+            return /*#__PURE__*/React.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: 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.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.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({
@@ -465,7 +566,14 @@ function AgGridPlus(props) {
     };
   }, [propsRowSelection, enableClickSelection]);
   var onGridReady = 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
@@ -473,7 +581,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 = useCallback(function (queryFilter) {
     if (!requestRef.current) return;
     setLoading(true);
@@ -807,21 +918,34 @@ function AgGridPlus(props) {
   };
   var colDefs = 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 = processColumnGroups(columnDefs);
@@ -984,8 +1108,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)
       }

package/dist/esm/ag-grid-plus/schemes/components/SchemeSelector.d.ts

@@ -4,7 +4,7 @@ import './SchemeSelector.less';
 export interface SchemeSelectorProps {
     /** 方案管理器 */
     schemeManager: UseColumnSchemesReturn;
-    /** 当前表格的列状态（用于创建/更新方案） */
+    /** 当前表格的列配置（用于创建/更新方案） */
     currentColumnState: any[];
     /** 样式类名 */
     className?: string;

package/dist/esm/ag-grid-plus/schemes/components/SchemeSelector.js

@@ -125,7 +125,7 @@ export var SchemeSelector = function SchemeSelector(_ref) {
           _context3.prev = 6;
           _context3.next = 9;
           return saveScheme({
-            columnState: currentColumnState
+            columnConfig: currentColumnState
           });
         case 9:
           message.success('保存成功');

package/dist/esm/ag-grid-plus/schemes/hooks/useColumnSchemes.js

@@ -70,7 +70,7 @@ export function useColumnSchemes(config) {
    * 加载方案列表
    */
   var loadSchemesList = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var loadedSchemes, schemeToLoad, lastSchemeId;
+    var loadedSchemes, schemeToLoad, lastSchemeId, _schemeToLoad$columnC;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -111,6 +111,12 @@ export function useColumnSchemes(config) {
 
           // 3. 应用方案
           if (schemeToLoad) {
+            console.log('[useColumnSchemes] 加载方案完成,准备调用 onSchemeChange:', {
+              schemeId: schemeToLoad.id,
+              schemeName: schemeToLoad.name,
+              hasColumnConfig: !!schemeToLoad.columnConfig,
+              columnConfigCount: ((_schemeToLoad$columnC = schemeToLoad.columnConfig) === null || _schemeToLoad$columnC === void 0 ? void 0 : _schemeToLoad$columnC.length) || 0
+            });
             setCurrentScheme(schemeToLoad);
             onSchemeChange === null || onSchemeChange === void 0 || onSchemeChange(schemeToLoad);
           }
@@ -218,6 +224,7 @@ export function useColumnSchemes(config) {
    */
   var saveScheme = useCallback( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(updates) {
+      var _updates$columnConfig, _updates$columnConfig2, _updatedScheme$column, _updatedScheme$column2, _updatedScheme$column3;
       var nameValidation, descValidation, updatedScheme, updatedSchemes;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -229,47 +236,86 @@ export function useColumnSchemes(config) {
             console.error('[useColumnSchemes] 没有激活的方案');
             return _context4.abrupt("return");
           case 3:
+            console.log('[useColumnSchemes] saveScheme 被调用:', {
+              currentSchemeId: currentScheme.id,
+              currentSchemeName: currentScheme.name,
+              updates: updates,
+              hasColumnConfig: !!(updates !== null && updates !== void 0 && updates.columnConfig),
+              columnConfigLength: (updates === null || updates === void 0 || (_updates$columnConfig = updates.columnConfig) === null || _updates$columnConfig === void 0 ? void 0 : _updates$columnConfig.length) || 0,
+              columnConfigDetail: updates === null || updates === void 0 || (_updates$columnConfig2 = updates.columnConfig) === null || _updates$columnConfig2 === void 0 ? void 0 : _updates$columnConfig2.map(function (item) {
+                return {
+                  type: item.type,
+                  headerName: item.headerName,
+                  field: item.field,
+                  order: item.order,
+                  parentId: item.parentId
+                };
+              })
+            });
+
+            // 验证更新内容
             if (!(updates !== null && updates !== void 0 && updates.name)) {
-              _context4.next = 9;
+              _context4.next = 10;
               break;
             }
             nameValidation = validateSchemeName(updates.name);
             if (nameValidation.valid) {
-              _context4.next = 7;
+              _context4.next = 8;
               break;
             }
             throw new Error(nameValidation.error);
-          case 7:
+          case 8:
             if (!checkDuplicateName(updates.name, schemes, currentScheme.id)) {
-              _context4.next = 9;
+              _context4.next = 10;
               break;
             }
             throw new Error('方案名称已存在');
-          case 9:
+          case 10:
             if (!(updates !== null && updates !== void 0 && updates.description)) {
-              _context4.next = 13;
+              _context4.next = 14;
               break;
             }
             descValidation = validateSchemeDescription(updates.description);
             if (descValidation.valid) {
-              _context4.next = 13;
+              _context4.next = 14;
               break;
             }
             throw new Error(descValidation.error);
-          case 13:
+          case 14:
             updatedScheme = _objectSpread(_objectSpread(_objectSpread({}, currentScheme), updates), {}, {
               updatedAt: Date.now()
             });
+            console.log('[useColumnSchemes] 准备保存的方案数据:', {
+              schemeId: updatedScheme.id,
+              schemeName: updatedScheme.name,
+              hasColumnConfig: !!updatedScheme.columnConfig,
+              columnConfigLength: ((_updatedScheme$column = updatedScheme.columnConfig) === null || _updatedScheme$column === void 0 ? void 0 : _updatedScheme$column.length) || 0,
+              columnConfigDetail: (_updatedScheme$column2 = updatedScheme.columnConfig) === null || _updatedScheme$column2 === void 0 ? void 0 : _updatedScheme$column2.map(function (item) {
+                return {
+                  type: item.type,
+                  headerName: item.headerName,
+                  field: item.field,
+                  order: item.order,
+                  parentId: item.parentId
+                };
+              })
+            });
             updatedSchemes = schemes.map(function (s) {
               return s.id === currentScheme.id ? updatedScheme : s;
             });
-            _context4.next = 17;
+            _context4.next = 19;
             return saveSchemesToStorage(updatedSchemes);
-          case 17:
+          case 19:
             setCurrentScheme(updatedScheme);
             setIsDirty(false);
+            console.log('[useColumnSchemes] 方案保存完成,当前 currentScheme:', {
+              schemeId: updatedScheme.id,
+              schemeName: updatedScheme.name,
+              hasColumnConfig: !!updatedScheme.columnConfig,
+              columnConfigLength: ((_updatedScheme$column3 = updatedScheme.columnConfig) === null || _updatedScheme$column3 === void 0 ? void 0 : _updatedScheme$column3.length) || 0
+            });
             onSchemeSave === null || onSchemeSave === void 0 || onSchemeSave(updatedScheme);
-          case 20:
+          case 23:
           case "end":
             return _context4.stop();
         }
@@ -284,7 +330,7 @@ export function useColumnSchemes(config) {
    * 创建新方案
    */
   var createScheme = useCallback( /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(name, columnState, options) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(name, columnConfig, options) {
       var nameValidation, uniqueName, newScheme, updatedSchemes;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -310,7 +356,7 @@ export function useColumnSchemes(config) {
               name: uniqueName,
               createdAt: Date.now(),
               updatedAt: Date.now(),
-              columnState: columnState
+              columnConfig: columnConfig
             }, options); // 如果设置为默认方案，取消其他方案的默认标记
             updatedSchemes = schemes;
             if (newScheme.isDefault) {