@nokecy/qc-ui 1.0.87 → 1.0.88

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

@@ -284,83 +284,36 @@ function AgGridPlus(props) {
     }
   }, [gridKey, columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$2 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$2 === void 0 ? void 0 : _columnSchemeManager$2.columnConfig]);
 
-  // 同步 apiRef 和 currentScheme,确保方案在两者都准备好时应用
+  // 【修复】使用 applyColumnState 来应用列的顺序、宽度、隐藏等状态
+  // applyColumnState 是 AG-Grid 推荐的方式，专门用于控制列状态
   (0, _react.useEffect)(function () {
-    var _currentScheme$column;
     var currentScheme = columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme;
-
-    // 两个依赖都不存在时,直接返回
     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);
+    // 如果有 columnConfig，使用 applyColumnState 应用列状态
+    if (currentScheme.columnConfig && currentScheme.columnConfig.length > 0) {
+      var _require2 = require("./setting/columnGroupUtils"),
+        flatConfigToColumnState = _require2.flatConfigToColumnState;
+      var _columnState2 = flatConfigToColumnState(currentScheme.columnConfig);
 
-          // 等待 columnDefs 应用完成后再设置过滤器
-          // 原因: setGridOption("columnDefs") 会触发 Grid 重新渲染,可能重置内部状态
-          // 必须在下一个渲染周期后应用 filterModel,否则会被覆盖
-          if (currentScheme.filterModel) {
-            requestAnimationFrame(function () {
-              if (apiRef.current) {
-                console.log('[AgGridPlus] 应用过滤器状态:', currentScheme.filterModel);
-                apiRef.current.setFilterModel(currentScheme.filterModel);
-              }
-            });
-          }
-        }
+      // 使用 applyColumnState 应用列状态
+      // applyOrder: true 表示按照 state 数组的顺序重新排列列
+      apiRef.current.applyColumnState({
+        state: _columnState2,
+        applyOrder: true
+      });
+    }
 
-        // 2. 【重要修改】使用 columnConfig 时，不应用 columnState
-        // 原因：columnConfig 已经包含了完整的列配置（宽度、隐藏、顺序、分组等）
-        // 如果再应用 columnState，会导致分组子列被视为独立列，破坏分组结构
-        console.log('[AgGridPlus] useEffect: 使用 columnConfig，跳过 columnState 应用');
-      }
-    }, 10);
-    return function () {
-      return clearTimeout(timer);
-    };
+    // 应用过滤器状态
+    if (currentScheme.filterModel) {
+      setTimeout(function () {
+        if (apiRef.current) {
+          apiRef.current.setFilterModel(currentScheme.filterModel);
+        }
+      }, 50); // 延迟稍长一点，等待 columnState 应用完成
+    }
   }, [apiRef.current, columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme]);
   (0, _react.useEffect)(function () {
     setRowData(dataSource || propRowData || []);
@@ -943,6 +896,17 @@ function AgGridPlus(props) {
     calculateSum();
   };
   var colDefs = (0, _react.useMemo)(function () {
+    var currentScheme = columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme;
+
+    // 【修复】优先使用方案的 columnConfig，避免被默认逻辑覆盖
+    if (currentScheme !== null && currentScheme !== void 0 && currentScheme.columnConfig && currentScheme.columnConfig.length > 0) {
+      var _require3 = require("./setting/columnGroupUtils"),
+        flatConfigToGridState = _require3.flatConfigToGridState;
+      var gridColumnDefs = flatConfigToGridState(currentScheme.columnConfig);
+      return gridColumnDefs;
+    }
+
+    // 【默认逻辑】没有方案配置时，使用原有的列定义生成逻辑
     // 使用缓存的首行数据进行类型推断,而不是当前的 rowData
     // 这样 rowData 更新时不会触发 colDefs 重新计算
     var dataForTypeInference = firstRowDataRef.current || (rowData.length > 0 ? rowData[0] : {});
@@ -978,16 +942,8 @@ 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]);
+  }, [columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme, _react.default.Children.count(children), props.columnDefs, extensibleColumns, columnCellClass]);
 
   // 构建查询表单项（带 order 属性）
   var queryFormItems = (0, _react.useMemo)(function () {
@@ -1145,8 +1101,8 @@ function AgGridPlus(props) {
     onDragStopped: function onDragStopped(e) {
       if (apiRef.current) {
         var _apiRef$current5;
-        var _columnState2 = (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 ? void 0 : _apiRef$current5.getColumnState();
-        setColumnState(_columnState2);
+        var _columnState3 = (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 ? void 0 : _apiRef$current5.getColumnState();
+        setColumnState(_columnState3);
 
         // onColumnStateChanged && onColumnStateChanged(columnState)
       }

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

@@ -277,83 +277,36 @@ function AgGridPlus(props) {
     }
   }, [gridKey, columnSchemeManager === null || columnSchemeManager === void 0 || (_columnSchemeManager$2 = columnSchemeManager.currentScheme) === null || _columnSchemeManager$2 === void 0 ? void 0 : _columnSchemeManager$2.columnConfig]);
 
-  // 同步 apiRef 和 currentScheme,确保方案在两者都准备好时应用
+  // 【修复】使用 applyColumnState 来应用列的顺序、宽度、隐藏等状态
+  // applyColumnState 是 AG-Grid 推荐的方式，专门用于控制列状态
   useEffect(function () {
-    var _currentScheme$column;
     var currentScheme = columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme;
-
-    // 两个依赖都不存在时,直接返回
     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);
+    // 如果有 columnConfig，使用 applyColumnState 应用列状态
+    if (currentScheme.columnConfig && currentScheme.columnConfig.length > 0) {
+      var _require2 = require("./setting/columnGroupUtils"),
+        flatConfigToColumnState = _require2.flatConfigToColumnState;
+      var _columnState2 = flatConfigToColumnState(currentScheme.columnConfig);
 
-          // 等待 columnDefs 应用完成后再设置过滤器
-          // 原因: setGridOption("columnDefs") 会触发 Grid 重新渲染,可能重置内部状态
-          // 必须在下一个渲染周期后应用 filterModel,否则会被覆盖
-          if (currentScheme.filterModel) {
-            requestAnimationFrame(function () {
-              if (apiRef.current) {
-                console.log('[AgGridPlus] 应用过滤器状态:', currentScheme.filterModel);
-                apiRef.current.setFilterModel(currentScheme.filterModel);
-              }
-            });
-          }
-        }
+      // 使用 applyColumnState 应用列状态
+      // applyOrder: true 表示按照 state 数组的顺序重新排列列
+      apiRef.current.applyColumnState({
+        state: _columnState2,
+        applyOrder: true
+      });
+    }
 
-        // 2. 【重要修改】使用 columnConfig 时，不应用 columnState
-        // 原因：columnConfig 已经包含了完整的列配置（宽度、隐藏、顺序、分组等）
-        // 如果再应用 columnState，会导致分组子列被视为独立列，破坏分组结构
-        console.log('[AgGridPlus] useEffect: 使用 columnConfig，跳过 columnState 应用');
-      }
-    }, 10);
-    return function () {
-      return clearTimeout(timer);
-    };
+    // 应用过滤器状态
+    if (currentScheme.filterModel) {
+      setTimeout(function () {
+        if (apiRef.current) {
+          apiRef.current.setFilterModel(currentScheme.filterModel);
+        }
+      }, 50); // 延迟稍长一点，等待 columnState 应用完成
+    }
   }, [apiRef.current, columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme]);
   useEffect(function () {
     setRowData(dataSource || propRowData || []);
@@ -936,6 +889,17 @@ function AgGridPlus(props) {
     calculateSum();
   };
   var colDefs = useMemo(function () {
+    var currentScheme = columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme;
+
+    // 【修复】优先使用方案的 columnConfig，避免被默认逻辑覆盖
+    if (currentScheme !== null && currentScheme !== void 0 && currentScheme.columnConfig && currentScheme.columnConfig.length > 0) {
+      var _require3 = require("./setting/columnGroupUtils"),
+        flatConfigToGridState = _require3.flatConfigToGridState;
+      var gridColumnDefs = flatConfigToGridState(currentScheme.columnConfig);
+      return gridColumnDefs;
+    }
+
+    // 【默认逻辑】没有方案配置时，使用原有的列定义生成逻辑
     // 使用缓存的首行数据进行类型推断,而不是当前的 rowData
     // 这样 rowData 更新时不会触发 colDefs 重新计算
     var dataForTypeInference = firstRowDataRef.current || (rowData.length > 0 ? rowData[0] : {});
@@ -971,16 +935,8 @@ 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]);
+  }, [columnSchemeManager === null || columnSchemeManager === void 0 ? void 0 : columnSchemeManager.currentScheme, React.Children.count(children), props.columnDefs, extensibleColumns, columnCellClass]);
 
   // 构建查询表单项（带 order 属性）
   var queryFormItems = useMemo(function () {
@@ -1138,8 +1094,8 @@ function AgGridPlus(props) {
     onDragStopped: function onDragStopped(e) {
       if (apiRef.current) {
         var _apiRef$current5;
-        var _columnState2 = (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 ? void 0 : _apiRef$current5.getColumnState();
-        setColumnState(_columnState2);
+        var _columnState3 = (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 ? void 0 : _apiRef$current5.getColumnState();
+        setColumnState(_columnState3);
 
         // onColumnStateChanged && onColumnStateChanged(columnState)
       }