@nokecy/qc-ui 1.0.75 → 1.0.77

package/dist/esm/ag-grid-plus/interface.d.ts

@@ -90,6 +90,25 @@ interface GridProps extends AgGridReactProps {
      * 当组件发生错误时调用，可用于自定义错误处理逻辑
      */
     onError?: (error: GridPlusError) => void;
+    /**
+     * 是否启用点击行选择功能
+     * - true: 启用行点击选择（默认）
+     * - false: 禁用点击行选择（仅复选框可选择）
+     *
+     * 默认值: true
+     *
+     * AG-Grid v33+ 特性：
+     * 1. 点击行即可选择/取消选择
+     * 2. **无需按键即可点击多选**（enableSelectionWithoutKeys）
+     * 3. 复选框和行点击都支持多选
+     * 4. 支持 Ctrl/Cmd + A 全选
+     *
+     * 内部实现：
+     * - 使用 v33+ 对象化 rowSelection API
+     * - 自动配置 enableClickSelection 和 enableSelectionWithoutKeys
+     * - 兼容旧的字符串 API（'single' | 'multiple'）
+     */
+    enableClickSelection?: boolean;
 }
 interface AgGridColumnPropsClone extends ColDef {
     /**

package/dist/esm/ag-grid-plus/storage/SchemeSyncManager.d.ts

@@ -93,6 +93,11 @@ export declare class SchemeSyncManager {
      * 应用服务器版本
      */
     private applyServerVersion;
+    /**
+     * 反序列化从后端接收的方案数据
+     * 将 columnState 和 itemsOrder 从 JSON 字符串转换为数组
+     */
+    private deserializeSchemesData;
     /**
      * 页面卸载前同步
      */

package/dist/esm/ag-grid-plus/storage/SchemeSyncManager.js

@@ -4,6 +4,12 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -57,11 +63,35 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
      */
     _defineProperty(this, "handleBeforeUnload", function () {
       if (_this.hasDirtyData()) {
+        // 序列化列方案和查询方案
+        var serializedColumnSchemes = {};
+        Object.entries(_this.allData.columnSchemes).forEach(function (_ref) {
+          var _ref2 = _slicedToArray(_ref, 2),
+            gridId = _ref2[0],
+            schemes = _ref2[1];
+          serializedColumnSchemes[gridId] = schemes.map(function (scheme) {
+            return _objectSpread(_objectSpread({}, scheme), {}, {
+              columnState: JSON.stringify(scheme.columnState)
+            });
+          });
+        });
+        var serializedQuerySchemes = {};
+        Object.entries(_this.allData.querySchemes).forEach(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            gridId = _ref4[0],
+            schemes = _ref4[1];
+          serializedQuerySchemes[gridId] = schemes.map(function (scheme) {
+            return _objectSpread(_objectSpread({}, scheme), {}, {
+              itemsOrder: JSON.stringify(scheme.itemsOrder)
+            });
+          });
+        });
+
         // 使用 Beacon API 发送数据（不阻塞页面卸载）
         var requestData = {
           clientSyncTime: _this.lastSyncTime,
-          columnSchemes: _this.allData.columnSchemes,
-          querySchemes: _this.allData.querySchemes,
+          columnSchemes: serializedColumnSchemes,
+          querySchemes: serializedQuerySchemes,
           currentSchemes: _this.allData.currentSchemes
         };
         var blob = new Blob([JSON.stringify(requestData)], {
@@ -117,7 +147,7 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
     key: "initialize",
     value: (function () {
       var _initialize = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var response, data;
+        var response, responseData, allSchemesData;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -141,15 +171,35 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
               _context.next = 9;
               return response.json();
             case 9:
-              data = _context.sent;
-              if (data.success) {
-                _context.next = 12;
+              responseData = _context.sent;
+              if (!(responseData.success !== undefined)) {
+                _context.next = 16;
+                break;
+              }
+              if (responseData.success) {
+                _context.next = 13;
                 break;
               }
               throw new Error('初始化失败：服务器返回错误');
-            case 12:
-              this.allData = data.data;
-              this.lastSyncTime = data.data.syncTime;
+            case 13:
+              allSchemesData = responseData.data;
+              _context.next = 21;
+              break;
+            case 16:
+              if (!(responseData.columnSchemes !== undefined)) {
+                _context.next = 20;
+                break;
+              }
+              // 格式2: 直接返回 AllSchemesData
+              allSchemesData = responseData;
+              _context.next = 21;
+              break;
+            case 20:
+              throw new Error('初始化失败：服务器返回的数据格式不正确');
+            case 21:
+              // 反序列化从后端接收的数据
+              this.allData = this.deserializeSchemesData(allSchemesData);
+              this.lastSyncTime = allSchemesData.syncTime || 0;
               this.initialized = true;
 
               // 启动后台同步
@@ -161,18 +211,18 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
                 querySchemes: Object.keys(this.allData.querySchemes).length,
                 syncTime: new Date(this.lastSyncTime).toISOString()
               });
-              _context.next = 23;
+              _context.next = 32;
               break;
-            case 19:
-              _context.prev = 19;
+            case 28:
+              _context.prev = 28;
               _context.t0 = _context["catch"](3);
               console.error('[SchemeSyncManager] 初始化失败:', _context.t0);
               throw _context.t0;
-            case 23:
+            case 32:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[3, 19]]);
+        }, _callee, this, [[3, 28]]);
       }));
       function initialize() {
         return _initialize.apply(this, arguments);
@@ -350,7 +400,7 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
         var _this$events$onSyncSt,
           _this$events,
           _this4 = this;
-        var _this$events$onSyncSu, _this$events3, _result$conflicts, requestData, dirtyColumnGrids, dirtyQueryGrids, dirtyCurrentGrids, response, result, _this$events$onConfli, _this$events2, _this$events$onSyncEr, _this$events4;
+        var _this$events$onSyncSu, _this$events3, _syncResult$conflicts, requestData, dirtyColumnGrids, dirtyQueryGrids, dirtyCurrentGrids, response, responseData, syncResult, _this$events$onConfli, _this$events2, _this$events$onSyncEr, _this$events4;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -384,19 +434,31 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
                 if (types.has('current')) dirtyCurrentGrids.add(gridId);
               });
 
-              // 添加列方案数据
+              // 添加列方案数据（将 columnState 序列化为 JSON 字符串）
               if (dirtyColumnGrids.size > 0) {
                 requestData.columnSchemes = {};
                 dirtyColumnGrids.forEach(function (gridId) {
-                  requestData.columnSchemes[gridId] = _this4.allData.columnSchemes[gridId] || [];
+                  var schemes = _this4.allData.columnSchemes[gridId] || [];
+                  // 将每个方案的 columnState 从数组转换为 JSON 字符串
+                  requestData.columnSchemes[gridId] = schemes.map(function (scheme) {
+                    return _objectSpread(_objectSpread({}, scheme), {}, {
+                      columnState: JSON.stringify(scheme.columnState)
+                    });
+                  });
                 });
               }
 
-              // 添加查询方案数据
+              // 添加查询方案数据（将 itemsOrder 序列化为 JSON 字符串）
               if (dirtyQueryGrids.size > 0) {
                 requestData.querySchemes = {};
                 dirtyQueryGrids.forEach(function (gridId) {
-                  requestData.querySchemes[gridId] = _this4.allData.querySchemes[gridId] || [];
+                  var schemes = _this4.allData.querySchemes[gridId] || [];
+                  // 将每个方案的 itemsOrder 从数组转换为 JSON 字符串
+                  requestData.querySchemes[gridId] = schemes.map(function (scheme) {
+                    return _objectSpread(_objectSpread({}, scheme), {}, {
+                      itemsOrder: JSON.stringify(scheme.itemsOrder)
+                    });
+                  });
                 });
               }
 
@@ -422,23 +484,46 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
               _context2.next = 22;
               return response.json();
             case 22:
-              result = _context2.sent;
-              if (result.success) {
-                _context2.next = 25;
+              responseData = _context2.sent;
+              if (!(responseData.success !== undefined)) {
+                _context2.next = 29;
+                break;
+              }
+              if (responseData.success) {
+                _context2.next = 26;
+                break;
+              }
+              throw new Error(responseData.error || '同步失败');
+            case 26:
+              syncResult = responseData;
+              _context2.next = 34;
+              break;
+            case 29:
+              if (!(responseData.syncTime !== undefined)) {
+                _context2.next = 33;
                 break;
               }
-              throw new Error(result.error || '同步失败');
-            case 25:
+              // 格式2: 直接返回数据格式，构造一个兼容的结果对象
+              syncResult = {
+                success: true,
+                syncTime: responseData.syncTime,
+                conflicts: responseData.conflicts
+              };
+              _context2.next = 34;
+              break;
+            case 33:
+              throw new Error('同步失败：服务器返回的数据格式不正确');
+            case 34:
               // 处理冲突
-              if (result.conflicts && result.conflicts.length > 0) {
-                this.handleConflicts(result.conflicts);
-                (_this$events$onConfli = (_this$events2 = this.events).onConflict) === null || _this$events$onConfli === void 0 || _this$events$onConfli.call(_this$events2, result.conflicts);
+              if (syncResult.conflicts && syncResult.conflicts.length > 0) {
+                this.handleConflicts(syncResult.conflicts);
+                (_this$events$onConfli = (_this$events2 = this.events).onConflict) === null || _this$events$onConfli === void 0 || _this$events$onConfli.call(_this$events2, syncResult.conflicts);
               }
 
               // 更新同步时间
-              if (result.syncTime) {
-                this.lastSyncTime = result.syncTime;
-                this.allData.syncTime = result.syncTime;
+              if (syncResult.syncTime) {
+                this.lastSyncTime = syncResult.syncTime;
+                this.allData.syncTime = syncResult.syncTime;
               }
 
               // 清除脏数据标记
@@ -446,25 +531,25 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
               (_this$events$onSyncSu = (_this$events3 = this.events).onSyncSuccess) === null || _this$events$onSyncSu === void 0 || _this$events$onSyncSu.call(_this$events3, this.lastSyncTime);
               console.log('[SchemeSyncManager] 同步成功:', {
                 syncTime: new Date(this.lastSyncTime).toISOString(),
-                conflicts: ((_result$conflicts = result.conflicts) === null || _result$conflicts === void 0 ? void 0 : _result$conflicts.length) || 0
+                conflicts: ((_syncResult$conflicts = syncResult.conflicts) === null || _syncResult$conflicts === void 0 ? void 0 : _syncResult$conflicts.length) || 0
               });
-              _context2.next = 37;
+              _context2.next = 46;
               break;
-            case 32:
-              _context2.prev = 32;
+            case 41:
+              _context2.prev = 41;
               _context2.t0 = _context2["catch"](8);
               console.error('[SchemeSyncManager] 同步失败:', _context2.t0);
               (_this$events$onSyncEr = (_this$events4 = this.events).onSyncError) === null || _this$events$onSyncEr === void 0 || _this$events$onSyncEr.call(_this$events4, _context2.t0);
               throw _context2.t0;
-            case 37:
-              _context2.prev = 37;
+            case 46:
+              _context2.prev = 46;
               this.syncing = false;
-              return _context2.finish(37);
-            case 40:
+              return _context2.finish(46);
+            case 49:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[8, 32, 37, 40]]);
+        }, _callee2, this, [[8, 41, 46, 49]]);
       }));
       function syncNow() {
         return _syncNow.apply(this, arguments);
@@ -526,6 +611,48 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
         type: type
       });
     }
+
+    /**
+     * 反序列化从后端接收的方案数据
+     * 将 columnState 和 itemsOrder 从 JSON 字符串转换为数组
+     */
+  }, {
+    key: "deserializeSchemesData",
+    value: function deserializeSchemesData(data) {
+      var result = _objectSpread(_objectSpread({}, data), {}, {
+        columnSchemes: {},
+        querySchemes: {}
+      });
+
+      // 反序列化列方案
+      Object.entries(data.columnSchemes || {}).forEach(function (_ref5) {
+        var _ref6 = _slicedToArray(_ref5, 2),
+          gridId = _ref6[0],
+          schemes = _ref6[1];
+        result.columnSchemes[gridId] = schemes.map(function (scheme) {
+          // 如果 columnState 是字符串，则解析为数组
+          var columnState = typeof scheme.columnState === 'string' ? JSON.parse(scheme.columnState) : scheme.columnState;
+          return _objectSpread(_objectSpread({}, scheme), {}, {
+            columnState: columnState
+          });
+        });
+      });
+
+      // 反序列化查询方案
+      Object.entries(data.querySchemes || {}).forEach(function (_ref7) {
+        var _ref8 = _slicedToArray(_ref7, 2),
+          gridId = _ref8[0],
+          schemes = _ref8[1];
+        result.querySchemes[gridId] = schemes.map(function (scheme) {
+          // 如果 itemsOrder 是字符串，则解析为数组
+          var itemsOrder = typeof scheme.itemsOrder === 'string' ? JSON.parse(scheme.itemsOrder) : scheme.itemsOrder;
+          return _objectSpread(_objectSpread({}, scheme), {}, {
+            itemsOrder: itemsOrder
+          });
+        });
+      });
+      return result;
+    }
   }, {
     key: "fetchWithRetry",
     value: (