@nokecy/qc-ui 1.0.74 → 1.0.75

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

@@ -117,31 +117,27 @@ function AgGridPlus(props) {
     setRowData = _useState10[1];
   var _useState11 = (0, _react.useState)({}),
     _useState12 = _slicedToArray(_useState11, 2),
-    selectRow = _useState12[0],
-    setSelectRow = _useState12[1];
-  var _useState13 = (0, _react.useState)({}),
+    queryFilter = _useState12[0],
+    setQueryFilter = _useState12[1];
+  var _useState13 = (0, _react.useState)(),
     _useState14 = _slicedToArray(_useState13, 2),
-    queryFilter = _useState14[0],
-    setQueryFilter = _useState14[1];
-  var _useState15 = (0, _react.useState)(),
-    _useState16 = _slicedToArray(_useState15, 2),
-    sortColumn = _useState16[0],
-    setSortColumn = _useState16[1];
+    sortColumn = _useState14[0],
+    setSortColumn = _useState14[1];
   // 初始化分页参数，支持外部传入的pageSize
-  var _useState17 = (0, _react.useState)({
+  var _useState15 = (0, _react.useState)({
       pageSize: props.pageSize !== undefined ? props.pageSize : props.hidePagination ? 10000 : 200,
       current: 1,
       total: dataSource ? dataSource.length : 0
     }),
-    _useState18 = _slicedToArray(_useState17, 2),
-    pagination = _useState18[0],
-    setPagination = _useState18[1];
+    _useState16 = _slicedToArray(_useState15, 2),
+    pagination = _useState16[0],
+    setPagination = _useState16[1];
 
   // ============ 查询方案管理 ============
-  var _useState19 = (0, _react.useState)([]),
-    _useState20 = _slicedToArray(_useState19, 2),
-    queryItemsOrder = _useState20[0],
-    setQueryItemsOrder = _useState20[1];
+  var _useState17 = (0, _react.useState)([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    queryItemsOrder = _useState18[0],
+    setQueryItemsOrder = _useState18[1];
 
   // 尝试获取全局适配器（如果已初始化）
   var globalQueryAdapter = (0, _globalSyncManager.isGlobalSyncInitialized)() ? (0, _globalSyncManager.useGlobalQueryAdapter)() : undefined;
@@ -424,6 +420,9 @@ function AgGridPlus(props) {
   var stableSortColumn = (0, _react.useMemo)(function () {
     return sortColumn;
   }, [JSON.stringify(sortColumn)]);
+  var stableQueryFilter = (0, _react.useMemo)(function () {
+    return queryFilter;
+  }, [JSON.stringify(queryFilter)]);
   var onGridReady = (0, _react.useCallback)(function (params) {
     var _apiRef$current3;
     apiRef.current = params.api;
@@ -435,7 +434,7 @@ function AgGridPlus(props) {
     setReady(true);
   }, [dataSource]);
   var onRequest = (0, _react.useCallback)(function (queryFilter) {
-    if (!request) return;
+    if (!requestRef.current) return;
     setLoading(true);
     _logger.logger.debug('开始请求数据', {
       queryFilter: queryFilter,
@@ -451,7 +450,7 @@ function AgGridPlus(props) {
         maxResultCount: pagination.pageSize,
         sorter: getSort(stableSortColumn)
       });
-      request(params, undefined, queryFilter).then(function (response) {
+      requestRef.current(params, undefined, queryFilter).then(function (response) {
         var _apiRef$current4;
         // 验证响应数据格式
         if (!response || _typeof(response) !== 'object') {
@@ -496,8 +495,8 @@ function AgGridPlus(props) {
         _antd.message.error(gridError.getUserMessage());
 
         // 如果用户提供了错误处理回调,调用它
-        if (props.onError) {
-          props.onError(gridError);
+        if (onErrorRef.current) {
+          onErrorRef.current(gridError);
         }
       });
     } catch (error) {
@@ -510,18 +509,53 @@ function AgGridPlus(props) {
       }, error instanceof Error ? error : undefined);
       _logger.logger.error('数据请求处理失败', gridError.getDetails());
       _antd.message.error(gridError.getUserMessage());
-      if (props.onError) {
-        props.onError(gridError);
+      if (onErrorRef.current) {
+        onErrorRef.current(gridError);
       }
     }
-  }, [request, stableGridParams, stableSortColumn, pagination.pageSize, pagination.current, props.onError]);
+  }, [stableGridParams, stableSortColumn, pagination.pageSize, pagination.current]);
 
-  // 请求数据 - 当 ready 状态变化或 request 函数变化时触发
+  // 使用 ref 追踪依赖项变化
+  var depsRef = (0, _react.useRef)({
+    ready: ready,
+    stableQueryFilter: stableQueryFilter,
+    paginationCurrent: pagination.current,
+    paginationPageSize: pagination.pageSize,
+    stableSortColumn: stableSortColumn
+  });
+
+  // 请求数据 - 当 ready 状态变化或真正需要请求的参数变化时触发
   (0, _react.useEffect)(function () {
-    if (ready && request) {
-      onRequest(queryFilter);
+    var prevDeps = depsRef.current;
+    var changedDeps = [];
+    if (prevDeps.ready !== ready) changedDeps.push('ready');
+    if (prevDeps.stableQueryFilter !== stableQueryFilter) changedDeps.push('stableQueryFilter');
+    if (prevDeps.paginationCurrent !== pagination.current) changedDeps.push('pagination.current');
+    if (prevDeps.paginationPageSize !== pagination.pageSize) changedDeps.push('pagination.pageSize');
+    if (prevDeps.stableSortColumn !== stableSortColumn) changedDeps.push('stableSortColumn');
+    if (changedDeps.length > 0) {
+      console.log('🔍 useEffect 依赖项变化:', changedDeps.join(', '));
     }
-  }, [ready, request, queryFilter, pagination.current, pagination.pageSize, stableSortColumn]);
+    depsRef.current = {
+      ready: ready,
+      stableQueryFilter: stableQueryFilter,
+      paginationCurrent: pagination.current,
+      paginationPageSize: pagination.pageSize,
+      stableSortColumn: stableSortColumn
+    };
+    if (ready && requestRef.current) {
+      _logger.logger.debug('useEffect 触发数据请求', {
+        ready: ready,
+        hasRequest: !!requestRef.current,
+        queryFilter: stableQueryFilter,
+        'pagination.current': pagination.current,
+        'pagination.pageSize': pagination.pageSize,
+        stableSortColumn: stableSortColumn,
+        changedDeps: changedDeps
+      });
+      onRequest(stableQueryFilter);
+    }
+  }, [ready, stableQueryFilter, pagination.current, pagination.pageSize, stableSortColumn]);
   var handelgridPlusColumnState = function handelgridPlusColumnState(columnState) {
     var cellMap = {};
     if ((0, _isArray2.default)(columnState)) {
@@ -547,10 +581,10 @@ function AgGridPlus(props) {
     setSortColumn(sortedColumn);
   };
   var onRefresh = (0, _react.useCallback)(function () {
-    if (request) {
-      onRequest(queryFilter);
+    if (requestRef.current) {
+      onRequest(stableQueryFilter);
     }
-  }, [request, onRequest, queryFilter]);
+  }, [onRequest, stableQueryFilter]);
   (0, _react.useEffect)(function () {
     gridRef.current = {
       onRefresh: onRefresh
@@ -561,11 +595,21 @@ function AgGridPlus(props) {
       props.onSelectionChanged(e);
     }
   }, [props.onSelectionChanged]);
-  var onRowSelected = (0, _react.useCallback)(function (e) {
-    setSelectRow(e.data);
 
+  // 使用 ref 保存最新的回调，避免不必要的 useCallback 重新创建
+  var onSelectedRowsChangeRef = (0, _react.useRef)(onSelectedRowsChange);
+  var onRowSelectedCallbackRef = (0, _react.useRef)(props.onRowSelected);
+  var onErrorRef = (0, _react.useRef)(props.onError);
+  var requestRef = (0, _react.useRef)(request);
+  (0, _react.useEffect)(function () {
+    onSelectedRowsChangeRef.current = onSelectedRowsChange;
+    onRowSelectedCallbackRef.current = props.onRowSelected;
+    onErrorRef.current = props.onError;
+    requestRef.current = request;
+  });
+  var onRowSelected = (0, _react.useCallback)(function (e) {
     // 处理选中行数据回调
-    if (onSelectedRowsChange && apiRef.current) {
+    if (onSelectedRowsChangeRef.current && apiRef.current) {
       // 获取所有选中的行
       var allSelectedRows = apiRef.current.getSelectedRows();
 
@@ -599,12 +643,12 @@ function AgGridPlus(props) {
           return selectedRowId && displayedRowId && selectedRowId === displayedRowId;
         });
       });
-      onSelectedRowsChange(visibleSelectedRows);
+      onSelectedRowsChangeRef.current(visibleSelectedRows);
     }
-    if (props.onRowSelected) {
-      props.onRowSelected(e);
+    if (onRowSelectedCallbackRef.current) {
+      onRowSelectedCallbackRef.current(e);
     }
-  }, [onSelectedRowsChange, props.getRowId, props.onRowSelected]);
+  }, [props.getRowId]);
   var onColumnStateChanged = function onColumnStateChanged(columnState) {
     if (gridKey) {
       onSaveColumnState && onSaveColumnState(gridKey, columnState);
@@ -887,9 +931,11 @@ function AgGridPlus(props) {
     maintainColumnOrder: true,
     rowData: rowDataMemo,
     onGridReady: onGridReady,
-    defaultColDef: defaultColDef
-    // getRowId={props.getRowId || ((params) => params.data?.id || params.data?._id)}
-    ,
+    defaultColDef: defaultColDef,
+    getRowId: props.getRowId || function (params) {
+      var _params$data3, _params$data4;
+      return ((_params$data3 = params.data) === null || _params$data3 === void 0 ? void 0 : _params$data3.id) || ((_params$data4 = params.data) === null || _params$data4 === void 0 ? void 0 : _params$data4._id);
+    },
     onSortChanged: function onSortChanged(event) {
       sortChanged(event.api);
       props.onSortChanged && props.onSortChanged(event);

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

@@ -25,7 +25,7 @@ export declare class SchemeSyncManager {
      */
     private getGetApiUrl;
     /**
-     * 同步方案的完整 API URL (PUT请求)
+     * 同步方案的完整 API URL (POST请求)
      * @private
      */
     private getSyncApiUrl;

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

@@ -107,7 +107,7 @@ var SchemeSyncManager = exports.SchemeSyncManager = /*#__PURE__*/function () {
     }
 
     /**
-     * 同步方案的完整 API URL (PUT请求)
+     * 同步方案的完整 API URL (POST请求)
      * @private
      */
   }, {
@@ -417,7 +417,7 @@ var SchemeSyncManager = exports.SchemeSyncManager = /*#__PURE__*/function () {
               // 发送同步请求
               _context2.next = 19;
               return this.fetchWithRetry(this.getSyncApiUrl(), {
-                method: 'PUT',
+                method: 'POST',
                 headers: {
                   'Content-Type': 'application/json'
                 },

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

@@ -109,31 +109,27 @@ function AgGridPlus(props) {
     setRowData = _useState10[1];
   var _useState11 = useState({}),
     _useState12 = _slicedToArray(_useState11, 2),
-    selectRow = _useState12[0],
-    setSelectRow = _useState12[1];
-  var _useState13 = useState({}),
+    queryFilter = _useState12[0],
+    setQueryFilter = _useState12[1];
+  var _useState13 = useState(),
     _useState14 = _slicedToArray(_useState13, 2),
-    queryFilter = _useState14[0],
-    setQueryFilter = _useState14[1];
-  var _useState15 = useState(),
-    _useState16 = _slicedToArray(_useState15, 2),
-    sortColumn = _useState16[0],
-    setSortColumn = _useState16[1];
+    sortColumn = _useState14[0],
+    setSortColumn = _useState14[1];
   // 初始化分页参数，支持外部传入的pageSize
-  var _useState17 = useState({
+  var _useState15 = useState({
       pageSize: props.pageSize !== undefined ? props.pageSize : props.hidePagination ? 10000 : 200,
       current: 1,
       total: dataSource ? dataSource.length : 0
     }),
-    _useState18 = _slicedToArray(_useState17, 2),
-    pagination = _useState18[0],
-    setPagination = _useState18[1];
+    _useState16 = _slicedToArray(_useState15, 2),
+    pagination = _useState16[0],
+    setPagination = _useState16[1];
 
   // ============ 查询方案管理 ============
-  var _useState19 = useState([]),
-    _useState20 = _slicedToArray(_useState19, 2),
-    queryItemsOrder = _useState20[0],
-    setQueryItemsOrder = _useState20[1];
+  var _useState17 = useState([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    queryItemsOrder = _useState18[0],
+    setQueryItemsOrder = _useState18[1];
 
   // 尝试获取全局适配器（如果已初始化）
   var globalQueryAdapter = isGlobalSyncInitialized() ? useGlobalQueryAdapter() : undefined;
@@ -416,6 +412,9 @@ function AgGridPlus(props) {
   var stableSortColumn = useMemo(function () {
     return sortColumn;
   }, [JSON.stringify(sortColumn)]);
+  var stableQueryFilter = useMemo(function () {
+    return queryFilter;
+  }, [JSON.stringify(queryFilter)]);
   var onGridReady = useCallback(function (params) {
     var _apiRef$current3;
     apiRef.current = params.api;
@@ -427,7 +426,7 @@ function AgGridPlus(props) {
     setReady(true);
   }, [dataSource]);
   var onRequest = useCallback(function (queryFilter) {
-    if (!request) return;
+    if (!requestRef.current) return;
     setLoading(true);
     logger.debug('开始请求数据', {
       queryFilter: queryFilter,
@@ -443,7 +442,7 @@ function AgGridPlus(props) {
         maxResultCount: pagination.pageSize,
         sorter: getSort(stableSortColumn)
       });
-      request(params, undefined, queryFilter).then(function (response) {
+      requestRef.current(params, undefined, queryFilter).then(function (response) {
         var _apiRef$current4;
         // 验证响应数据格式
         if (!response || _typeof(response) !== 'object') {
@@ -488,8 +487,8 @@ function AgGridPlus(props) {
         message.error(gridError.getUserMessage());
 
         // 如果用户提供了错误处理回调,调用它
-        if (props.onError) {
-          props.onError(gridError);
+        if (onErrorRef.current) {
+          onErrorRef.current(gridError);
         }
       });
     } catch (error) {
@@ -502,18 +501,53 @@ function AgGridPlus(props) {
       }, error instanceof Error ? error : undefined);
       logger.error('数据请求处理失败', gridError.getDetails());
       message.error(gridError.getUserMessage());
-      if (props.onError) {
-        props.onError(gridError);
+      if (onErrorRef.current) {
+        onErrorRef.current(gridError);
       }
     }
-  }, [request, stableGridParams, stableSortColumn, pagination.pageSize, pagination.current, props.onError]);
+  }, [stableGridParams, stableSortColumn, pagination.pageSize, pagination.current]);
 
-  // 请求数据 - 当 ready 状态变化或 request 函数变化时触发
+  // 使用 ref 追踪依赖项变化
+  var depsRef = useRef({
+    ready: ready,
+    stableQueryFilter: stableQueryFilter,
+    paginationCurrent: pagination.current,
+    paginationPageSize: pagination.pageSize,
+    stableSortColumn: stableSortColumn
+  });
+
+  // 请求数据 - 当 ready 状态变化或真正需要请求的参数变化时触发
   useEffect(function () {
-    if (ready && request) {
-      onRequest(queryFilter);
+    var prevDeps = depsRef.current;
+    var changedDeps = [];
+    if (prevDeps.ready !== ready) changedDeps.push('ready');
+    if (prevDeps.stableQueryFilter !== stableQueryFilter) changedDeps.push('stableQueryFilter');
+    if (prevDeps.paginationCurrent !== pagination.current) changedDeps.push('pagination.current');
+    if (prevDeps.paginationPageSize !== pagination.pageSize) changedDeps.push('pagination.pageSize');
+    if (prevDeps.stableSortColumn !== stableSortColumn) changedDeps.push('stableSortColumn');
+    if (changedDeps.length > 0) {
+      console.log('🔍 useEffect 依赖项变化:', changedDeps.join(', '));
     }
-  }, [ready, request, queryFilter, pagination.current, pagination.pageSize, stableSortColumn]);
+    depsRef.current = {
+      ready: ready,
+      stableQueryFilter: stableQueryFilter,
+      paginationCurrent: pagination.current,
+      paginationPageSize: pagination.pageSize,
+      stableSortColumn: stableSortColumn
+    };
+    if (ready && requestRef.current) {
+      logger.debug('useEffect 触发数据请求', {
+        ready: ready,
+        hasRequest: !!requestRef.current,
+        queryFilter: stableQueryFilter,
+        'pagination.current': pagination.current,
+        'pagination.pageSize': pagination.pageSize,
+        stableSortColumn: stableSortColumn,
+        changedDeps: changedDeps
+      });
+      onRequest(stableQueryFilter);
+    }
+  }, [ready, stableQueryFilter, pagination.current, pagination.pageSize, stableSortColumn]);
   var handelgridPlusColumnState = function handelgridPlusColumnState(columnState) {
     var cellMap = {};
     if (_isArray(columnState)) {
@@ -539,10 +573,10 @@ function AgGridPlus(props) {
     setSortColumn(sortedColumn);
   };
   var onRefresh = useCallback(function () {
-    if (request) {
-      onRequest(queryFilter);
+    if (requestRef.current) {
+      onRequest(stableQueryFilter);
     }
-  }, [request, onRequest, queryFilter]);
+  }, [onRequest, stableQueryFilter]);
   useEffect(function () {
     gridRef.current = {
       onRefresh: onRefresh
@@ -553,11 +587,21 @@ function AgGridPlus(props) {
       props.onSelectionChanged(e);
     }
   }, [props.onSelectionChanged]);
-  var onRowSelected = useCallback(function (e) {
-    setSelectRow(e.data);
 
+  // 使用 ref 保存最新的回调，避免不必要的 useCallback 重新创建
+  var onSelectedRowsChangeRef = useRef(onSelectedRowsChange);
+  var onRowSelectedCallbackRef = useRef(props.onRowSelected);
+  var onErrorRef = useRef(props.onError);
+  var requestRef = useRef(request);
+  useEffect(function () {
+    onSelectedRowsChangeRef.current = onSelectedRowsChange;
+    onRowSelectedCallbackRef.current = props.onRowSelected;
+    onErrorRef.current = props.onError;
+    requestRef.current = request;
+  });
+  var onRowSelected = useCallback(function (e) {
     // 处理选中行数据回调
-    if (onSelectedRowsChange && apiRef.current) {
+    if (onSelectedRowsChangeRef.current && apiRef.current) {
       // 获取所有选中的行
       var allSelectedRows = apiRef.current.getSelectedRows();
 
@@ -591,12 +635,12 @@ function AgGridPlus(props) {
           return selectedRowId && displayedRowId && selectedRowId === displayedRowId;
         });
       });
-      onSelectedRowsChange(visibleSelectedRows);
+      onSelectedRowsChangeRef.current(visibleSelectedRows);
     }
-    if (props.onRowSelected) {
-      props.onRowSelected(e);
+    if (onRowSelectedCallbackRef.current) {
+      onRowSelectedCallbackRef.current(e);
     }
-  }, [onSelectedRowsChange, props.getRowId, props.onRowSelected]);
+  }, [props.getRowId]);
   var onColumnStateChanged = function onColumnStateChanged(columnState) {
     if (gridKey) {
       onSaveColumnState && onSaveColumnState(gridKey, columnState);
@@ -879,9 +923,11 @@ function AgGridPlus(props) {
     maintainColumnOrder: true,
     rowData: rowDataMemo,
     onGridReady: onGridReady,
-    defaultColDef: defaultColDef
-    // getRowId={props.getRowId || ((params) => params.data?.id || params.data?._id)}
-    ,
+    defaultColDef: defaultColDef,
+    getRowId: props.getRowId || function (params) {
+      var _params$data3, _params$data4;
+      return ((_params$data3 = params.data) === null || _params$data3 === void 0 ? void 0 : _params$data3.id) || ((_params$data4 = params.data) === null || _params$data4 === void 0 ? void 0 : _params$data4._id);
+    },
     onSortChanged: function onSortChanged(event) {
       sortChanged(event.api);
       props.onSortChanged && props.onSortChanged(event);

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

@@ -25,7 +25,7 @@ export declare class SchemeSyncManager {
      */
     private getGetApiUrl;
     /**
-     * 同步方案的完整 API URL (PUT请求)
+     * 同步方案的完整 API URL (POST请求)
      * @private
      */
     private getSyncApiUrl;

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

@@ -101,7 +101,7 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
     }
 
     /**
-     * 同步方案的完整 API URL (PUT请求)
+     * 同步方案的完整 API URL (POST请求)
      * @private
      */
   }, {
@@ -411,7 +411,7 @@ export var SchemeSyncManager = /*#__PURE__*/function () {
               // 发送同步请求
               _context2.next = 19;
               return this.fetchWithRetry(this.getSyncApiUrl(), {
-                method: 'PUT',
+                method: 'POST',
                 headers: {
                   'Content-Type': 'application/json'
                 },