@ztocwst/rc-pro-materials 0.2.25 → 0.2.26

package/lib/components/z-data-table/components/link-renderer/index.js

@@ -245,42 +245,57 @@ var LinkRenderer = function LinkRenderer(props) {
   };
   var getDataSource = /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(params) {
-      var queryData;
+      var data, _ref5, success, _ref5$result, _result;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (params === void 0) {
               params = {};
             }
-            queryData = getBigDataBody(params);
+            if (!loading) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            _context.prev = 3;
+            data = getBigDataBody(params); // 自定义、非自定义都打开 loading 拦截重复请求
+            setLoading(true);
+            _context.next = 8;
+            return (0, _dataTable.getReportData)(rcProContext, data);
+          case 8:
+            _context.t0 = _context.sent;
+            if (_context.t0) {
+              _context.next = 11;
+              break;
+            }
+            _context.t0 = {};
+          case 11:
+            _ref5 = _context.t0;
+            success = _ref5.success;
+            _ref5$result = _ref5.result;
+            _result = _ref5$result === void 0 ? {} : _ref5$result;
+            setLoading(false);
             if (linkState.custom) {
-              setLoading(true);
+              setResult(_result);
             }
-            return _context.abrupt("return", (0, _dataTable.getReportData)(rcProContext, queryData).then(function (_ref5) {
-              var success = _ref5.success,
-                _ref5$result = _ref5.result,
-                result = _ref5$result === void 0 ? {} : _ref5$result;
-              if (linkState.custom) {
-                setLoading(false);
-                if (success) {
-                  setResult(result);
-                }
-              }
-              return {
-                success: success,
-                result: result
-              };
-            })["catch"](function () {
-              if (linkState.custom) {
-                setLoading(false);
-                setResult(null);
-              }
-            }));
-          case 4:
+            return _context.abrupt("return", {
+              success: success,
+              result: _result
+            });
+          case 20:
+            _context.prev = 20;
+            _context.t1 = _context["catch"](3);
+            setLoading(false);
+            if (linkState.custom) {
+              setResult(null);
+            }
+            console.error(_context.t1);
+          case 25:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[3, 20]]);
     }));
     return function getDataSource(_x) {
       return _ref4.apply(this, arguments);
@@ -339,6 +354,9 @@ var LinkRenderer = function LinkRenderer(props) {
     setLinkState(stateData);
   };
   var queryChart = function queryChart(value) {
+    if (value === void 0) {
+      value = {};
+    }
     queryCacheRef.current = value;
     if (linkState.custom) {
       getDataSource({

package/lib/components/z-data-table/components/table-renderer/index.js

@@ -45,13 +45,10 @@ var TableRenderer = function TableRenderer(props) {
   var _useState = (0, _react.useState)(false),
     loading = _useState[0],
     setLoading = _useState[1];
-  var _useState2 = (0, _react.useState)(_dataTable.tableConfigDefault),
-    config = _useState2[0],
-    setConfig = _useState2[1];
   /** 维度指标初始数据 */
-  var _useState3 = (0, _react.useState)(),
-    dimTargetValue = _useState3[0],
-    setDimTargetValue = _useState3[1];
+  var _useState2 = (0, _react.useState)(),
+    dimTargetValue = _useState2[0],
+    setDimTargetValue = _useState2[1];
   /** 合计 数据 */
   var amounted = (0, _react.useRef)({});
   var rcProContext = (0, _react.useContext)(_rcPro.RcConfigContext);
@@ -60,11 +57,12 @@ var TableRenderer = function TableRenderer(props) {
     _ref$tableOptions = _ref.tableOptions,
     tableOptions = _ref$tableOptions === void 0 ? {} : _ref$tableOptions;
   var defaultPageSize = (tableOptions === null || tableOptions === void 0 ? void 0 : (_tableOptions$paginat = tableOptions.pagination) === null || _tableOptions$paginat === void 0 ? void 0 : _tableOptions$paginat.defaultPageSize) || 20;
-  var _useState4 = (0, _react.useState)(false),
-    isLink = _useState4[0],
-    setIsLink = _useState4[1];
+  var _useState3 = (0, _react.useState)(false),
+    isLink = _useState3[0],
+    setIsLink = _useState3[1];
   var linkChartRef = (0, _react.useRef)();
   var timer = null;
+  var timeout = null;
   var getDimTargetValues = function getDimTargetValues() {
     var _dimTargetRef$current;
     return (dimTargetRef === null || dimTargetRef === void 0 ? void 0 : (_dimTargetRef$current = dimTargetRef.current) === null || _dimTargetRef$current === void 0 ? void 0 : _dimTargetRef$current.getDimTargetValues()) || {};
@@ -291,7 +289,7 @@ var TableRenderer = function TableRenderer(props) {
   // 获取数据源
   var getDataSource = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(params) {
-      var data, _yield$getReportData, success, _yield$getReportData$, result;
+      var data, _ref4, success, _ref4$result, result;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -310,32 +308,39 @@ var TableRenderer = function TableRenderer(props) {
             _context2.next = 8;
             return (0, _dataTable.getReportData)(rcProContext, data);
           case 8:
-            _yield$getReportData = _context2.sent;
-            success = _yield$getReportData.success;
-            _yield$getReportData$ = _yield$getReportData.result;
-            result = _yield$getReportData$ === void 0 ? {} : _yield$getReportData$;
+            _context2.t0 = _context2.sent;
+            if (_context2.t0) {
+              _context2.next = 11;
+              break;
+            }
+            _context2.t0 = {};
+          case 11:
+            _ref4 = _context2.t0;
+            success = _ref4.success;
+            _ref4$result = _ref4.result;
+            result = _ref4$result === void 0 ? {} : _ref4$result;
             setLoading(false);
             return _context2.abrupt("return", {
               success: success,
               result: result
             });
-          case 16:
-            _context2.prev = 16;
-            _context2.t0 = _context2["catch"](3);
+          case 19:
+            _context2.prev = 19;
+            _context2.t1 = _context2["catch"](3);
             setLoading(false);
-            console.error(_context2.t0);
-          case 20:
+            console.error(_context2.t1);
+          case 23:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[3, 16]]);
+      }, _callee2, null, [[3, 19]]);
     }));
     return function getDataSource(_x2) {
       return _ref3.apply(this, arguments);
     };
   }();
   var initial = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(params) {
+    var _ref5 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(params) {
       var result, dims, targets, option;
       return _regenerator["default"].wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -359,31 +364,6 @@ var TableRenderer = function TableRenderer(props) {
               };
               handleUpdateColumns(option);
               setDimTargetValue(result);
-              setConfig((0, _extends2["default"])({}, _dataTable.tableConfigDefault, {
-                pagination: {
-                  showSizeChanger: true,
-                  defaultPageSize: defaultPageSize
-                },
-                summary: summary,
-                request: function request(data) {
-                  var _data$pagination, _data$pagination2, _data$sorter;
-                  var pagination = {
-                    pageNum: (_data$pagination = data.pagination) === null || _data$pagination === void 0 ? void 0 : _data$pagination.current,
-                    pageSize: (_data$pagination2 = data.pagination) === null || _data$pagination2 === void 0 ? void 0 : _data$pagination2.pageSize
-                  };
-                  var orderBy = [];
-                  if ((_data$sorter = data.sorter) !== null && _data$sorter !== void 0 && _data$sorter.order) {
-                    var _data$sorter2, _data$sorter3, _data$sorter3$order;
-                    orderBy.push({
-                      name: (_data$sorter2 = data.sorter) === null || _data$sorter2 === void 0 ? void 0 : _data$sorter2.field,
-                      sort: (_data$sorter3 = data.sorter) === null || _data$sorter3 === void 0 ? void 0 : (_data$sorter3$order = _data$sorter3.order) === null || _data$sorter3$order === void 0 ? void 0 : _data$sorter3$order.slice(0, -3)
-                    });
-                  }
-                  return getDataSource((0, _extends2["default"])({}, pagination, {
-                    orderBy: orderBy
-                  }));
-                }
-              }));
             }
           case 4:
           case "end":
@@ -392,7 +372,7 @@ var TableRenderer = function TableRenderer(props) {
       }, _callee3);
     }));
     return function initial(_x3) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   (0, _react.useEffect)(function () {
@@ -406,6 +386,12 @@ var TableRenderer = function TableRenderer(props) {
       timer = null;
     }
   };
+  var handleClearTimeout = function handleClearTimeout() {
+    if (timeout) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
   var onload = function onload() {
     if (autoLoad) {
       if (refreshRate) {
@@ -422,8 +408,8 @@ var TableRenderer = function TableRenderer(props) {
   };
   (0, _react.useEffect)(function () {
     if (currentKey) {
-      var _ref5 = currentKey.split(_dataTable.separator) || [],
-        curDataSetName = _ref5[0];
+      var _ref6 = currentKey.split(_dataTable.separator) || [],
+        curDataSetName = _ref6[0];
       if (curDataSetName === dataSetName) {
         onload();
       } else {
@@ -437,18 +423,21 @@ var TableRenderer = function TableRenderer(props) {
     };
   }, [currentKey, autoLoad]);
   var queryChart = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(value) {
-      var _linkChartRef$current3;
+    var _ref7 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(value) {
+      var _linkChartRef$current3, _value;
       return _regenerator["default"].wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
+            if (value === void 0) {
+              value = {};
+            }
             if (isLink) {
               (_linkChartRef$current3 = linkChartRef.current) === null || _linkChartRef$current3 === void 0 ? void 0 : _linkChartRef$current3.queryChart(value);
             } else {
-              queryCacheRef.current = value[dataSetName] || value;
-              setTimeout( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+              queryCacheRef.current = ((_value = value) === null || _value === void 0 ? void 0 : _value[dataSetName]) || value;
+              timeout = window.setTimeout( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
                 var _tableRef$current2;
-                var _getDimTargetValues4, _getDimTargetValues4$, indexSource, indexAmounted, target, _iterator4, _step4, cur, _ref8, success, _ref8$result, result, _result$data, _result$data$, data;
+                var _getDimTargetValues4, _getDimTargetValues4$, indexSource, indexAmounted, target, _iterator4, _step4, cur, _ref9, success, _ref9$result, result, _result$data, _result$data$, data;
                 return _regenerator["default"].wrap(function _callee4$(_context4) {
                   while (1) switch (_context4.prev = _context4.next) {
                     case 0:
@@ -483,29 +472,31 @@ var TableRenderer = function TableRenderer(props) {
                       }
                       _context4.t0 = {};
                     case 11:
-                      _ref8 = _context4.t0;
-                      success = _ref8.success;
-                      _ref8$result = _ref8.result;
-                      result = _ref8$result === void 0 ? {} : _ref8$result;
+                      _ref9 = _context4.t0;
+                      success = _ref9.success;
+                      _ref9$result = _ref9.result;
+                      result = _ref9$result === void 0 ? {} : _ref9$result;
                       if (success) {
                         _result$data = result === null || result === void 0 ? void 0 : result.data, _result$data$ = _result$data[0], data = _result$data$ === void 0 ? {} : _result$data$;
                         amounted.current = data;
                       }
                     case 16:
+                      handleClearTimeout();
+                    case 17:
                     case "end":
                       return _context4.stop();
                   }
                 }, _callee4);
               })), 200);
             }
-          case 1:
+          case 2:
           case "end":
             return _context5.stop();
         }
       }, _callee5);
     }));
     return function queryChart(_x4) {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   (0, _react.useImperativeHandle)(chartRef, function () {
@@ -528,7 +519,31 @@ var TableRenderer = function TableRenderer(props) {
     })
   }), /*#__PURE__*/React.createElement(_rcPro.ProTable, {
     ref: tableRef,
-    config: config
+    config: (0, _extends2["default"])({}, _dataTable.tableConfigDefault, {
+      pagination: {
+        showSizeChanger: true,
+        defaultPageSize: defaultPageSize
+      },
+      summary: summary,
+      request: function request(data) {
+        var _data$pagination, _data$pagination2, _data$sorter;
+        var pagination = {
+          pageNum: (_data$pagination = data.pagination) === null || _data$pagination === void 0 ? void 0 : _data$pagination.current,
+          pageSize: (_data$pagination2 = data.pagination) === null || _data$pagination2 === void 0 ? void 0 : _data$pagination2.pageSize
+        };
+        var orderBy = [];
+        if ((_data$sorter = data.sorter) !== null && _data$sorter !== void 0 && _data$sorter.order) {
+          var _data$sorter2, _data$sorter3, _data$sorter3$order;
+          orderBy.push({
+            name: (_data$sorter2 = data.sorter) === null || _data$sorter2 === void 0 ? void 0 : _data$sorter2.field,
+            sort: (_data$sorter3 = data.sorter) === null || _data$sorter3 === void 0 ? void 0 : (_data$sorter3$order = _data$sorter3.order) === null || _data$sorter3$order === void 0 ? void 0 : _data$sorter3$order.slice(0, -3)
+          });
+        }
+        return getDataSource((0, _extends2["default"])({}, pagination, {
+          orderBy: orderBy
+        }));
+      }
+    })
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       display: isLink ? 'block' : 'none'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztocwst/rc-pro-materials",
-  "version": "0.2.25",
+  "version": "0.2.26",
   "description": "@ztocwst/rc-pro-materials",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -22,7 +22,6 @@
     "f2elint-fix": "f2elint fix",
     "dumi": "cross-env APP_ROOT=docs dumi dev",
     "dumi:build": "cross-env APP_ROOT=docs dumi build",
-    "prepublishOnly": "npm run build && npm run lowcode:build",
     "ding": "node ./scripts/notify",
     "postpublish": "npm run ding"
   },
@@ -86,11 +85,11 @@
   },
   "componentConfig": {
     "isComponentLibrary": true,
-    "materialSchema": "https://npm.ztocwst.com/@ztocwst/rc-pro-materials@0.2.25/build/lowcode/assets-prod.json"
+    "materialSchema": "https://npm.ztocwst.com/@ztocwst/rc-pro-materials@0.2.26/build/lowcode/assets-prod.json"
   },
-  "homepage": "https://unpkg.com/@ztocwst/rc-pro-materials@0.2.25/build/index.html",
+  "homepage": "https://unpkg.com/@ztocwst/rc-pro-materials@0.2.26/build/index.html",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   }
-}
+}