@nokecy/qc-ui 1.1.8 → 1.1.10

package/dist/cjs/array-table/index.js

@@ -107,23 +107,59 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
    * 监听 currentScheme 和 gridApiState 的变化，当方案和 Grid API 都准备好时，
    * 自动应用方案中保存的列状态（列顺序、宽度、隐藏等）
    *
-   * 关键优化：使用 ref 记录上次应用的配置哈希，避免保存配置后重复应用旧数据
+   * 关键优化：比较 Grid 当前状态和方案配置，只在真正不一致时才应用
    */
   (0, _react.useEffect)(function () {
-    var _currentScheme$column;
     // 检查必要条件
     if (!props.gridKey || !gridApiState || !currentScheme) return;
     if (!currentScheme.columnConfig || currentScheme.columnConfig.length === 0) return;
 
-    // 计算当前配置的简单哈希（用于检测配置是否真正变化）
-    var configHash = JSON.stringify({
+    // 【修复】计算方案配置的哈希
+    var schemeConfigHash = JSON.stringify({
       id: currentScheme.id,
       columnCount: currentScheme.columnConfig.length,
-      firstCol: (_currentScheme$column = currentScheme.columnConfig[0]) === null || _currentScheme$column === void 0 ? void 0 : _currentScheme$column.field,
-      updatedAt: currentScheme.updatedAt
+      // 使用前3列的完整配置作为哈希的一部分（包含顺序、宽度、隐藏等）
+      firstCols: currentScheme.columnConfig.slice(0, 3).map(function (col) {
+        return {
+          field: col.field,
+          width: col.width,
+          hide: col.hide,
+          pinned: col.pinned
+        };
+      })
     });
-    // 【关键】检查配置是否真正变化，避免重复应用
-    if (configHash === lastAppliedRef.current.configHash) {
+
+    // 【关键修复】比较方案配置和 Grid 当前状态
+    // 检查前3列的关键属性是否一致（跳过字段名差异）
+    var currentGridState = gridApiState.getColumnState();
+    var isGridStateSameAsScheme = true;
+    if (currentGridState.length !== currentScheme.columnConfig.length) {
+      isGridStateSameAsScheme = false;
+    } else {
+      // 比较前3列的关键属性
+      for (var i = 0; i < Math.min(3, currentGridState.length); i++) {
+        var gridCol = currentGridState[i];
+        var schemeCol = currentScheme.columnConfig[i];
+        if (schemeCol.type !== 'column') continue;
+
+        // 比较关键属性（field/colId, width, hide, pinned）
+        if (gridCol.colId !== schemeCol.field || Math.abs((gridCol.width || 0) - (schemeCol.width || 0)) > 5 ||
+        // 允许5px误差
+        gridCol.hide !== schemeCol.hide || gridCol.pinned !== schemeCol.pinned) {
+          isGridStateSameAsScheme = false;
+          break;
+        }
+      }
+    }
+    // 【关键】跳过应用的条件:
+    // 1. Grid 当前状态与方案配置一致（说明已经应用过或刚保存）
+    // 2. 方案配置与上次应用的相同（避免重复应用）
+    if (isGridStateSameAsScheme || schemeConfigHash === lastAppliedRef.current.configHash) {
+      // 更新记录,避免后续误判
+      lastAppliedRef.current = {
+        schemeId: currentScheme.id,
+        configHash: schemeConfigHash
+      };
       return;
     }
 
@@ -147,7 +183,7 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
       // 记录本次应用的配置哈希
       lastAppliedRef.current = {
         schemeId: currentScheme.id,
-        configHash: configHash
+        configHash: schemeConfigHash
       };
     };
 
@@ -186,7 +222,7 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
     return function () {
       cancelAnimationFrame(rafId);
     };
-  }, [props.gridKey, gridApiState, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.id, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.updatedAt]);
+  }, [props.gridKey, gridApiState, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.id]);
 
   //@ts-ignore
   if (columns.length > 0) {

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

@@ -622,18 +622,17 @@ function AgGridPlus(props) {
       };
     }
 
-    // 默认配置：启用多选和点击选择
+    // 默认配置：单选模式，启用点击选择
     if (enableClickSelection !== false) {
       return {
-        mode: 'multiRow',
-        enableClickSelection: true,
-        enableSelectionWithoutKeys: true
+        mode: 'singleRow',
+        enableClickSelection: true
       };
     }
 
-    // 如果禁用点击选择，返回基础多选模式（v33 对象格式）
+    // 如果禁用点击选择，返回基础单选模式（v33 对象格式）
     return {
-      mode: 'multiRow',
+      mode: 'singleRow',
       enableClickSelection: false
     };
   }, [propsRowSelection, enableClickSelection]);

package/dist/esm/ag-grid-plus/context/useSchemeManager.js

@@ -193,6 +193,7 @@ export function useSchemeManager(config) {
   }(), [adapter]);
   var deleteColumnScheme = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(gridId, schemeId) {
+      var defaultScheme;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -200,20 +201,40 @@ export function useSchemeManager(config) {
             _context3.next = 3;
             return adapter.deleteColumnScheme(gridId, schemeId);
           case 3:
-            // 更新本地状态
             setColumnSchemes(function (prev) {
               var schemes = (prev[gridId] || []).filter(function (s) {
                 return s.id !== schemeId;
               });
+              // 查找默认方案(用于后续自动切换)
+              defaultScheme = schemes.find(function (s) {
+                return s.isDefault;
+              });
               return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, gridId, schemes));
             });
 
-            // 如果删除的是当前方案,清除当前方案ID
+            // 如果删除的是当前方案,自动切换到默认方案
             setCurrentSchemes(function (prev) {
               var _prev$gridId;
               if (((_prev$gridId = prev[gridId]) === null || _prev$gridId === void 0 ? void 0 : _prev$gridId.columnSchemeId) === schemeId) {
+                var _defaultScheme;
+                var newSchemeId = ((_defaultScheme = defaultScheme) === null || _defaultScheme === void 0 ? void 0 : _defaultScheme.id) || null;
+                // 如果存在默认方案,同步到适配器
+                if (newSchemeId) {
+                  var _prev$gridId2;
+                  var querySchemeId = ((_prev$gridId2 = prev[gridId]) === null || _prev$gridId2 === void 0 ? void 0 : _prev$gridId2.querySchemeId) || null;
+                  adapter.setCurrentScheme(gridId, newSchemeId, querySchemeId).catch(function (error) {
+                    console.error('[useSchemeManager] 自动切换默认方案失败:', error);
+                  });
+                } else {
+                  var _prev$gridId3;
+                  // 没有默认方案,同步清除到适配器
+                  var _querySchemeId = ((_prev$gridId3 = prev[gridId]) === null || _prev$gridId3 === void 0 ? void 0 : _prev$gridId3.querySchemeId) || null;
+                  adapter.setCurrentScheme(gridId, null, _querySchemeId).catch(function (error) {
+                    console.error('[useSchemeManager] 清除当前方案失败:', error);
+                  });
+                }
                 return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, gridId, _objectSpread(_objectSpread({}, prev[gridId]), {}, {
-                  columnSchemeId: null
+                  columnSchemeId: newSchemeId
                 })));
               }
               return prev;
@@ -333,8 +354,8 @@ export function useSchemeManager(config) {
 
             // 如果删除的是当前方案,清除当前方案ID
             setCurrentSchemes(function (prev) {
-              var _prev$gridId2;
-              if (((_prev$gridId2 = prev[gridId]) === null || _prev$gridId2 === void 0 ? void 0 : _prev$gridId2.querySchemeId) === schemeId) {
+              var _prev$gridId4;
+              if (((_prev$gridId4 = prev[gridId]) === null || _prev$gridId4 === void 0 ? void 0 : _prev$gridId4.querySchemeId) === schemeId) {
                 return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, gridId, _objectSpread(_objectSpread({}, prev[gridId]), {}, {
                   querySchemeId: null
                 })));

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

@@ -66,15 +66,24 @@ interface GridProps extends AgGridReactProps {
      *
      * 默认值: true
      *
-     * AG-Grid v33+ 特性：
-     * 1. 点击行即可选择/取消选择
-     * 2. **无需按键即可点击多选**（enableSelectionWithoutKeys）
-     * 3. 复选框和行点击都支持多选
-     * 4. 支持 Ctrl/Cmd + A 全选
+     * AG-Grid v33+ 默认行为：
+     * 1. **默认单选模式** (`mode: 'singleRow'`)
+     * 2. 点击行即可选择/取消选择
+     * 3. 用户可通过 `rowSelection` prop 覆盖为多选模式
+     *
+     * 多选模式示例：
+     * ```tsx
+     * <AgGridPlus
+     *   rowSelection={{ mode: 'multiRow', enableSelectionWithoutKeys: true }}
+     *   // 或使用旧 API
+     *   rowSelection="multiple"
+     * />
+     * ```
      *
      * 内部实现：
      * - 使用 v33+ 对象化 rowSelection API
-     * - 自动配置 enableClickSelection 和 enableSelectionWithoutKeys
+     * - 自动配置 enableClickSelection
+     * - 多选模式下自动配置 enableSelectionWithoutKeys
      * - 兼容旧的字符串 API（'single' | 'multiple'）
      */
     enableClickSelection?: boolean;