@nokecy/qc-ui 1.1.9 → 1.1.10

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

@@ -224,16 +224,16 @@ var ColumnSetting = function ColumnSetting(_ref) {
    * 保存列配置
    * 将扁平化配置转换回 Grid State 并应用到 AG-Grid
    */
-  var handleSaveColumns = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var values, flatConfig, configToSave, invalidColumns, gridColumnDefs, columnState;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+  var handleSaveColumns = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var values, flatConfig, configToSave, invalidColumns, gridColumnDefs, columnState, filterModel, defaultScheme, newScheme;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
         case 0:
           if (form) {
-            _context2.next = 2;
+            _context.next = 2;
             break;
           }
-          return _context2.abrupt("return");
+          return _context.abrupt("return");
         case 2:
           values = form.values;
           flatConfig = values.items || []; // 检查是否是旧版本数据，如果是则先迁移
@@ -257,14 +257,11 @@ var ColumnSetting = function ColumnSetting(_ref) {
 
           // 【修复】转换为 AG-Grid 的列定义，传入原始列定义以保留自定义属性
           gridColumnDefs = (0, _columnGroupUtils.flatConfigToGridState)(configToSave, originalColumnDefs); // 【关键修复】先更新 columnDefs（处理分组结构变化）
-          gridApi.setGridOption('columnDefs', gridColumnDefs);
-
-          // 等待 columnDefs 更新完成
-          _context2.next = 12;
+          _context.next = 11;
           return new Promise(function (resolve) {
             return setTimeout(resolve, 100);
           });
-        case 12:
+        case 11:
           // 【修复】然后应用列状态（宽度、隐藏、顺序等）
           columnState = (0, _columnGroupUtils.flatConfigToColumnState)(configToSave);
           gridApi.applyColumnState({
@@ -272,113 +269,113 @@ var ColumnSetting = function ColumnSetting(_ref) {
             applyOrder: true // 强制应用列顺序
           });
 
-          // 等待 Grid 状态更新完成后再保存到方案
-          setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-            var filterModel, defaultScheme, newScheme;
-            return _regeneratorRuntime().wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
-                case 0:
-                  _context.prev = 0;
-                  filterModel = gridApi.getFilterModel();
-                  if (!currentScheme) {
-                    _context.next = 8;
-                    break;
-                  }
-                  _context.next = 5;
-                  return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, _objectSpread(_objectSpread({}, currentScheme), {}, {
-                    columnConfig: configToSave,
-                    filterModel: filterModel,
-                    updatedAt: Date.now()
-                  }));
-                case 5:
-                  _antd.message.success('列配置已保存到方案');
-                  _context.next = 23;
-                  break;
-                case 8:
-                  // 如果没有激活的方案，自动创建默认方案
-                  defaultScheme = schemes.find(function (s) {
-                    return s.isDefault;
-                  });
-                  if (!defaultScheme) {
-                    _context.next = 17;
-                    break;
-                  }
-                  _context.next = 12;
-                  return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, _objectSpread(_objectSpread({}, defaultScheme), {}, {
-                    columnConfig: configToSave,
-                    filterModel: filterModel,
-                    updatedAt: Date.now()
-                  }));
-                case 12:
-                  _context.next = 14;
-                  return setCurrentColumnScheme === null || setCurrentColumnScheme === void 0 ? void 0 : setCurrentColumnScheme(gridKey, defaultScheme.id);
-                case 14:
-                  _antd.message.success('列配置已保存到默认方案');
-                  _context.next = 23;
-                  break;
-                case 17:
-                  // 创建新的默认方案并激活
-                  newScheme = {
-                    id: (0, _uuid.v4)(),
-                    name: '默认配置',
-                    description: '自动创建的默认列配置',
-                    columnConfig: configToSave,
-                    filterModel: filterModel,
-                    isDefault: true,
-                    isSystem: false,
-                    createdAt: Date.now(),
-                    updatedAt: Date.now()
-                  };
-                  _context.next = 20;
-                  return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, newScheme);
-                case 20:
-                  _context.next = 22;
-                  return setCurrentColumnScheme === null || setCurrentColumnScheme === void 0 ? void 0 : setCurrentColumnScheme(gridKey, newScheme.id);
-                case 22:
-                  _antd.message.success('已创建并保存到默认方案');
-                case 23:
-                  _context.next = 29;
-                  break;
-                case 25:
-                  _context.prev = 25;
-                  _context.t0 = _context["catch"](0);
-                  console.error('保存列配置到方案失败:', _context.t0);
-                  _antd.message.error('保存列配置失败');
-                case 29:
-                case "end":
-                  return _context.stop();
-              }
-            }, _callee, null, [[0, 25]]);
-          })), 50);
-
+          // 【关键修复】等待 Grid 状态更新完成后再保存到方案
+          // 使用 await 确保保存完成后再关闭弹窗，避免生产环境竞态条件
+          _context.next = 15;
+          return new Promise(function (resolve) {
+            return setTimeout(resolve, 50);
+          });
+        case 15:
+          _context.prev = 15;
+          filterModel = gridApi.getFilterModel();
+          if (!currentScheme) {
+            _context.next = 23;
+            break;
+          }
+          _context.next = 20;
+          return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, _objectSpread(_objectSpread({}, currentScheme), {}, {
+            columnConfig: configToSave,
+            filterModel: filterModel,
+            updatedAt: Date.now()
+          }));
+        case 20:
+          _antd.message.success('列配置已保存到方案');
+          _context.next = 38;
+          break;
+        case 23:
+          // 如果没有激活的方案，自动创建默认方案
+          defaultScheme = schemes.find(function (s) {
+            return s.isDefault;
+          });
+          if (!defaultScheme) {
+            _context.next = 32;
+            break;
+          }
+          _context.next = 27;
+          return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, _objectSpread(_objectSpread({}, defaultScheme), {}, {
+            columnConfig: configToSave,
+            filterModel: filterModel,
+            updatedAt: Date.now()
+          }));
+        case 27:
+          _context.next = 29;
+          return setCurrentColumnScheme === null || setCurrentColumnScheme === void 0 ? void 0 : setCurrentColumnScheme(gridKey, defaultScheme.id);
+        case 29:
+          _antd.message.success('列配置已保存到默认方案');
+          _context.next = 38;
+          break;
+        case 32:
+          // 创建新的默认方案并激活
+          newScheme = {
+            id: (0, _uuid.v4)(),
+            name: '默认配置',
+            description: '自动创建的默认列配置',
+            columnConfig: configToSave,
+            filterModel: filterModel,
+            isDefault: true,
+            isSystem: false,
+            createdAt: Date.now(),
+            updatedAt: Date.now()
+          };
+          _context.next = 35;
+          return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, newScheme);
+        case 35:
+          _context.next = 37;
+          return setCurrentColumnScheme === null || setCurrentColumnScheme === void 0 ? void 0 : setCurrentColumnScheme(gridKey, newScheme.id);
+        case 37:
+          _antd.message.success('已创建并保存到默认方案');
+        case 38:
+          _context.next = 40;
+          return new Promise(function (resolve) {
+            return setTimeout(resolve, 100);
+          });
+        case 40:
+          _context.next = 46;
+          break;
+        case 42:
+          _context.prev = 42;
+          _context.t0 = _context["catch"](15);
+          console.error('保存列配置到方案失败:', _context.t0);
+          _antd.message.error('保存列配置失败');
+        case 46:
           // 【修复】保存成功后清除快照
           setSnapshotColumnDefs(null);
 
-          // message.success 已经在上面的逻辑中处理了
+          // 【关键修复】确保在方案保存完成并传播后才关闭弹窗
           onClose();
-        case 17:
+        case 48:
         case "end":
-          return _context2.stop();
+          return _context.stop();
       }
-    }, _callee2);
+    }, _callee, null, [[15, 42]]);
   })), [form, gridApi, onSaveColumnState, onClose, saveColumnScheme, setCurrentColumnScheme, currentScheme, schemes, gridKey, originalColumnDefs]);
 
   // 保存为新方案
-  var handleSaveScheme = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+  var handleSaveScheme = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
     var columnConfigToSave, values, gridColumnDefs, columnState, _values, filterModel, newScheme;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           if (schemeName.trim()) {
-            _context3.next = 3;
+            _context2.next = 3;
             break;
           }
           _antd.message.warning('请输入方案名称');
-          return _context3.abrupt("return");
+          return _context2.abrupt("return");
         case 3:
-          _context3.prev = 3;
+          _context2.prev = 3;
           if (!(activeTab === 'columns' && form)) {
-            _context3.next = 17;
+            _context2.next = 17;
             break;
           }
           values = form.values;
@@ -388,7 +385,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
           gridApi.setGridOption('columnDefs', gridColumnDefs);
 
           // 等待 columnDefs 更新完成
-          _context3.next = 11;
+          _context2.next = 11;
           return new Promise(function (resolve) {
             return setTimeout(resolve, 100);
           });
@@ -401,12 +398,12 @@ var ColumnSetting = function ColumnSetting(_ref) {
           });
 
           // 等待状态更新
-          _context3.next = 15;
+          _context2.next = 15;
           return new Promise(function (resolve) {
             return setTimeout(resolve, 50);
           });
         case 15:
-          _context3.next = 19;
+          _context2.next = 19;
           break;
         case 17:
           // 如果在"方案管理"标签页，使用当前表单数据
@@ -426,7 +423,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
             createdAt: Date.now(),
             updatedAt: Date.now()
           };
-          _context3.next = 23;
+          _context2.next = 23;
           return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, newScheme);
         case 23:
           _antd.message.success('方案保存成功');
@@ -436,28 +433,28 @@ var ColumnSetting = function ColumnSetting(_ref) {
 
           // 切换到方案管理标签页,显示新创建的方案
           setActiveTab('schemes');
-          _context3.next = 33;
+          _context2.next = 33;
           break;
         case 30:
-          _context3.prev = 30;
-          _context3.t0 = _context3["catch"](3);
-          _antd.message.error(_context3.t0.message || '保存方案失败');
+          _context2.prev = 30;
+          _context2.t0 = _context2["catch"](3);
+          _antd.message.error(_context2.t0.message || '保存方案失败');
         case 33:
         case "end":
-          return _context3.stop();
+          return _context2.stop();
       }
-    }, _callee3, null, [[3, 30]]);
+    }, _callee2, null, [[3, 30]]);
   })), [gridApi, saveColumnScheme, gridKey, schemeName, schemeDescription, activeTab, form, originalColumnDefs]);
 
   // 加载方案
   var handleLoadScheme = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(schemeId) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(schemeId) {
       var scheme, gridColumnDefs, columnState;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context4.prev = 0;
-            _context4.next = 3;
+            _context3.prev = 0;
+            _context3.next = 3;
             return setCurrentColumnScheme === null || setCurrentColumnScheme === void 0 ? void 0 : setCurrentColumnScheme(gridKey, schemeId);
           case 3:
             // 应用方案到 Grid
@@ -465,7 +462,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
               return s.id === schemeId;
             });
             if (!(scheme && gridApi)) {
-              _context4.next = 12;
+              _context3.next = 12;
               break;
             }
             // 【关键修复】先更新 columnDefs（处理分组结构）
@@ -473,7 +470,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
             gridApi.setGridOption('columnDefs', gridColumnDefs);
 
             // 等待 columnDefs 更新完成
-            _context4.next = 9;
+            _context3.next = 9;
             return new Promise(function (resolve) {
               return setTimeout(resolve, 100);
             });
@@ -504,73 +501,73 @@ var ColumnSetting = function ColumnSetting(_ref) {
 
             // 自动关闭弹窗,让用户看到Grid的变化
             onClose();
-            _context4.next = 20;
+            _context3.next = 20;
             break;
           case 17:
-            _context4.prev = 17;
-            _context4.t0 = _context4["catch"](0);
-            _antd.message.error(_context4.t0.message || '加载方案失败');
+            _context3.prev = 17;
+            _context3.t0 = _context3["catch"](0);
+            _antd.message.error(_context3.t0.message || '加载方案失败');
           case 20:
           case "end":
-            return _context4.stop();
+            return _context3.stop();
         }
-      }, _callee4, null, [[0, 17]]);
+      }, _callee3, null, [[0, 17]]);
     }));
     return function (_x) {
-      return _ref5.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }(), [setCurrentColumnScheme, gridKey, schemes, gridApi, originalColumnDefs, form, getColumnData, onClose]);
 
   // 设置默认方案
   var handleSetDefault = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(schemeId) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(schemeId) {
       var scheme, _iterator, _step, s;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context5.prev = 0;
+            _context4.prev = 0;
             scheme = schemes.find(function (s) {
               return s.id === schemeId;
             });
             if (!scheme) {
-              _context5.next = 24;
+              _context4.next = 24;
               break;
             }
             // 将其他方案设为非默认
             _iterator = _createForOfIteratorHelper(schemes);
-            _context5.prev = 4;
+            _context4.prev = 4;
             _iterator.s();
           case 6:
             if ((_step = _iterator.n()).done) {
-              _context5.next = 13;
+              _context4.next = 13;
               break;
             }
             s = _step.value;
             if (!(s.isDefault && s.id !== schemeId)) {
-              _context5.next = 11;
+              _context4.next = 11;
               break;
             }
-            _context5.next = 11;
+            _context4.next = 11;
             return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, _objectSpread(_objectSpread({}, s), {}, {
               isDefault: false,
               updatedAt: Date.now()
             }));
           case 11:
-            _context5.next = 6;
+            _context4.next = 6;
             break;
           case 13:
-            _context5.next = 18;
+            _context4.next = 18;
             break;
           case 15:
-            _context5.prev = 15;
-            _context5.t0 = _context5["catch"](4);
-            _iterator.e(_context5.t0);
+            _context4.prev = 15;
+            _context4.t0 = _context4["catch"](4);
+            _iterator.e(_context4.t0);
           case 18:
-            _context5.prev = 18;
+            _context4.prev = 18;
             _iterator.f();
-            return _context5.finish(18);
+            return _context4.finish(18);
           case 21:
-            _context5.next = 23;
+            _context4.next = 23;
             return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, _objectSpread(_objectSpread({}, scheme), {}, {
               isDefault: true,
               updatedAt: Date.now()
@@ -578,37 +575,37 @@ var ColumnSetting = function ColumnSetting(_ref) {
           case 23:
             _antd.message.success('已设置为默认方案');
           case 24:
-            _context5.next = 29;
+            _context4.next = 29;
             break;
           case 26:
-            _context5.prev = 26;
-            _context5.t1 = _context5["catch"](0);
-            _antd.message.error(_context5.t1.message || '设置失败');
+            _context4.prev = 26;
+            _context4.t1 = _context4["catch"](0);
+            _antd.message.error(_context4.t1.message || '设置失败');
           case 29:
           case "end":
-            return _context5.stop();
+            return _context4.stop();
         }
-      }, _callee5, null, [[0, 26], [4, 15, 18, 21]]);
+      }, _callee4, null, [[0, 26], [4, 15, 18, 21]]);
     }));
     return function (_x2) {
-      return _ref6.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }(), [schemes, saveColumnScheme, gridKey]);
 
   // 删除方案
   var handleDeleteScheme = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(schemeId, schemeName) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(schemeId, schemeName) {
       var _currentSchemes$gridK2, isCurrentScheme, defaultScheme;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _context6.prev = 0;
+            _context5.prev = 0;
             // 检查是否删除的是当前方案
             isCurrentScheme = schemeId === (currentSchemes === null || currentSchemes === void 0 || (_currentSchemes$gridK2 = currentSchemes[gridKey]) === null || _currentSchemes$gridK2 === void 0 ? void 0 : _currentSchemes$gridK2.columnSchemeId); // 查找默认方案
             defaultScheme = schemes.find(function (s) {
               return s.isDefault && s.id !== schemeId;
             });
-            _context6.next = 5;
+            _context5.next = 5;
             return deleteColumnScheme === null || deleteColumnScheme === void 0 ? void 0 : deleteColumnScheme(gridKey, schemeId);
           case 5:
             // 根据情况显示不同的提示消息
@@ -619,20 +616,20 @@ var ColumnSetting = function ColumnSetting(_ref) {
             } else {
               _antd.message.success("\u65B9\u6848\"".concat(schemeName, "\"\u5DF2\u5220\u9664"));
             }
-            _context6.next = 11;
+            _context5.next = 11;
             break;
           case 8:
-            _context6.prev = 8;
-            _context6.t0 = _context6["catch"](0);
-            _antd.message.error(_context6.t0.message || '删除失败');
+            _context5.prev = 8;
+            _context5.t0 = _context5["catch"](0);
+            _antd.message.error(_context5.t0.message || '删除失败');
           case 11:
           case "end":
-            return _context6.stop();
+            return _context5.stop();
         }
-      }, _callee6, null, [[0, 8]]);
+      }, _callee5, null, [[0, 8]]);
     }));
     return function (_x3, _x4) {
-      return _ref7.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }(), [deleteColumnScheme, gridKey, schemes, currentSchemes]);
 
@@ -644,26 +641,26 @@ var ColumnSetting = function ColumnSetting(_ref) {
   }, []);
 
   // 保存编辑
-  var handleSaveEdit = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+  var handleSaveEdit = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
     var scheme;
-    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
+    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
         case 0:
           if (editingId) {
-            _context7.next = 2;
+            _context6.next = 2;
             break;
           }
-          return _context7.abrupt("return");
+          return _context6.abrupt("return");
         case 2:
-          _context7.prev = 2;
+          _context6.prev = 2;
           scheme = schemes.find(function (s) {
             return s.id === editingId;
           });
           if (!scheme) {
-            _context7.next = 9;
+            _context6.next = 9;
             break;
           }
-          _context7.next = 7;
+          _context6.next = 7;
           return saveColumnScheme === null || saveColumnScheme === void 0 ? void 0 : saveColumnScheme(gridKey, _objectSpread(_objectSpread({}, scheme), {}, {
             name: editingName.trim(),
             description: editingDescription.trim() || undefined,
@@ -673,17 +670,17 @@ var ColumnSetting = function ColumnSetting(_ref) {
           _antd.message.success('更新成功');
           setEditingId(null);
         case 9:
-          _context7.next = 14;
+          _context6.next = 14;
           break;
         case 11:
-          _context7.prev = 11;
-          _context7.t0 = _context7["catch"](2);
-          _antd.message.error(_context7.t0.message || '更新失败');
+          _context6.prev = 11;
+          _context6.t0 = _context6["catch"](2);
+          _antd.message.error(_context6.t0.message || '更新失败');
         case 14:
         case "end":
-          return _context7.stop();
+          return _context6.stop();
       }
-    }, _callee7, null, [[2, 11]]);
+    }, _callee6, null, [[2, 11]]);
   })), [schemes, saveColumnScheme, gridKey, editingId, editingName, editingDescription]);
 
   // 筛选方案列表