@ztocwst/rc-pro-materials 0.1.26 → 0.1.27

package/es/components/z-templates-data-common/components/table-renderer/index.js

@@ -0,0 +1,479 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _Table from "antd/es/table";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useRef, useState, useEffect, useImperativeHandle, useContext } from 'react';
+import { ProTable, RcConfigContext } from '@ztocwst/rc-pro';
+import { tableConfigDefault, separator, timeUnit, handleQueryParams, getReportData } from "../../data-common.helper";
+import { handleColumns, handleValueFormat, getDimTargetData } from "./table-renderer.helper";
+import DimTarget from "../dim-target";
+import LinkRenderer from "../link-renderer";
+var TableRenderer = function TableRenderer(props) {
+  var _tableOptions$paginat;
+  var activeKey = props.activeKey,
+    autoLoad = props.autoLoad,
+    refreshRate = props.refreshRate,
+    dataSetName = props.dataSetName,
+    remember = props.remember,
+    exporter = props.exporter,
+    exportConfig = props.exportConfig,
+    dimJson = props.dimJson,
+    indexJson = props.indexJson,
+    expressions = props.expressions,
+    linkPage = props.linkPage,
+    queryBind = props.queryBind,
+    chartRef = props.chartRef,
+    onConfirm = props.onConfirm,
+    formatter = props.formatter;
+  var dimTargetRef = useRef(null);
+  var queryCacheRef = useRef(null);
+  var tableRef = useRef(null);
+  var _useState = useState(false),
+    loading = _useState[0],
+    setLoading = _useState[1];
+  var _useState2 = useState(tableConfigDefault),
+    config = _useState2[0],
+    setConfig = _useState2[1];
+  /** 维度指标初始数据 */
+  var _useState3 = useState(),
+    dimTargetValue = _useState3[0],
+    setDimTargetValue = _useState3[1];
+  /** 合计 数据 */
+  var amounted = useRef({});
+  var rcProContext = useContext(RcConfigContext);
+  var _ref = rcProContext || {},
+    BASE_URL = _ref.BASE_URL,
+    _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 = useState(false),
+    isLink = _useState4[0],
+    setIsLink = _useState4[1];
+  var linkChartRef = useRef();
+  var timer = 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()) || {};
+  };
+  var buttons = [{
+    name: '确认',
+    action: 'btn',
+    props: {
+      loading: loading,
+      type: 'primary'
+    },
+    onClick: function onClick() {
+      var option = getDimTargetValues();
+      handleUpdateColumns(option);
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+    }
+  }, exporter ? {
+    action: 'btn',
+    name: exportConfig === null || exportConfig === void 0 ? void 0 : exportConfig.name,
+    fileConfig: {
+      type: 'export',
+      params: {
+        menuId: exportConfig === null || exportConfig === void 0 ? void 0 : exportConfig.menuId,
+        operateType: 'EXPORT'
+      },
+      request: {
+        submit: {
+          url: BASE_URL + "/data/forward/v1/bigdata/report/" + dataSetName + "/export",
+          method: 'POST',
+          formatter: function () {
+            var _formatter = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+              var bigDataBody, _ref2, _ref2$temp, temp;
+              return _regeneratorRuntime.wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    bigDataBody = getBigDataBody();
+                    _ref2 = values || {}, _ref2$temp = _ref2.temp, temp = _ref2$temp === void 0 ? {} : _ref2$temp;
+                    return _context.abrupt("return", {
+                      buttonCode: exportConfig === null || exportConfig === void 0 ? void 0 : exportConfig.code,
+                      templateId: temp === null || temp === void 0 ? void 0 : temp.value,
+                      bigDataBody: bigDataBody
+                    });
+                  case 3:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            }));
+            function formatter(_x) {
+              return _formatter.apply(this, arguments);
+            }
+            return formatter;
+          }()
+        }
+      }
+    }
+  } : null];
+  var summary = function summary() {
+    var _getDimTargetValues = getDimTargetValues(),
+      _getDimTargetValues$d = _getDimTargetValues.dimension,
+      dimension = _getDimTargetValues$d === void 0 ? [] : _getDimTargetValues$d,
+      _getDimTargetValues$i = _getDimTargetValues.index,
+      index = _getDimTargetValues$i === void 0 ? [] : _getDimTargetValues$i,
+      _getDimTargetValues$i2 = _getDimTargetValues.indexSource,
+      indexSource = _getDimTargetValues$i2 === void 0 ? [] : _getDimTargetValues$i2;
+    var indexAmounted = indexSource === null || indexSource === void 0 ? void 0 : indexSource.filter(function (cur) {
+      return cur.amounted;
+    });
+    if (!indexAmounted.length) return;
+    var summaryColumns = ['总计'].concat(dimension, index);
+    return /*#__PURE__*/React.createElement(_Table.Summary, {
+      fixed: true
+    }, /*#__PURE__*/React.createElement(_Table.Summary.Row, null, summaryColumns.map(function (name, idx) {
+      var find = indexSource === null || indexSource === void 0 ? void 0 : indexSource.find(function (item) {
+        return item.alias === name || item.name === name;
+      });
+      var dataIndex = find === null || find === void 0 ? void 0 : find.name;
+      return /*#__PURE__*/React.createElement(_Table.Summary.Cell, {
+        key: idx === null || idx === void 0 ? void 0 : idx.toString(),
+        index: idx
+      }, !idx ? name : dataIndex ? handleValueFormat(amounted.current[dataIndex], amounted.current, find) : '');
+    })));
+  };
+  var onLink = function onLink(values) {
+    var _linkChartRef$current, _linkChartRef$current2;
+    var _getDimTargetValues2 = getDimTargetValues(),
+      _getDimTargetValues2$ = _getDimTargetValues2.dimension,
+      dimension = _getDimTargetValues2$ === void 0 ? [] : _getDimTargetValues2$;
+    setIsLink(true);
+    (_linkChartRef$current = linkChartRef.current) === null || _linkChartRef$current === void 0 ? void 0 : (_linkChartRef$current2 = _linkChartRef$current.initial) === null || _linkChartRef$current2 === void 0 ? void 0 : _linkChartRef$current2.call(_linkChartRef$current, _extends({}, values, {
+      dimension: dimension
+    }));
+  };
+  var handleUpdateColumns = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(option) {
+      var _tableRef$current;
+      var columns;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            columns = handleColumns(option, expressions, onLink);
+            (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.updateColumns(columns);
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleUpdateColumns(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var getBigDataBody = function getBigDataBody(params) {
+    if (params === void 0) {
+      params = {};
+    }
+    var _getDimTargetValues3 = getDimTargetValues(),
+      _getDimTargetValues3$ = _getDimTargetValues3.dimension,
+      dimension = _getDimTargetValues3$ === void 0 ? [] : _getDimTargetValues3$,
+      _getDimTargetValues3$2 = _getDimTargetValues3.dimensionSource,
+      dimensionSource = _getDimTargetValues3$2 === void 0 ? [] : _getDimTargetValues3$2,
+      _getDimTargetValues3$3 = _getDimTargetValues3.index,
+      index = _getDimTargetValues3$3 === void 0 ? [] : _getDimTargetValues3$3,
+      _getDimTargetValues3$4 = _getDimTargetValues3.indexSource,
+      indexSource = _getDimTargetValues3$4 === void 0 ? [] : _getDimTargetValues3$4;
+
+    /** 通过 queryBind查看是否有绑定关系 有的话替换成绑定关系中的key 没有则是默认配置的key */
+    var queryCache = queryCacheRef.current;
+    var query = {};
+    var queryKeys = Object.keys(queryCache);
+    if (queryKeys !== null && queryKeys !== void 0 && queryKeys.length) {
+      queryKeys.forEach(function (k) {
+        var _queryBind$find;
+        // "键"（有建立绑定关系 取当前数据源参数（paraJson）的"键"，没有则是默认查询配置的"键"）
+        var key = (queryBind === null || queryBind === void 0 ? void 0 : (_queryBind$find = queryBind.find(function (item) {
+          return (item === null || item === void 0 ? void 0 : item.currentQueryKey) === k;
+        })) === null || _queryBind$find === void 0 ? void 0 : _queryBind$find.sourceQueryKey) || k;
+        query[key] = queryCache[k];
+      });
+    }
+
+    /** 维度收集 */
+    var dim = [];
+    for (var _iterator = _createForOfIteratorHelperLoose(dimensionSource), _step; !(_step = _iterator()).done;) {
+      var cur = _step.value;
+      if (dimension.includes(cur.alias || cur.description)) {
+        dim.push({
+          name: cur.name,
+          description: cur.description
+        });
+      }
+    }
+
+    /** 指标收集 */
+    var target = [];
+    for (var _iterator2 = _createForOfIteratorHelperLoose(indexSource), _step2; !(_step2 = _iterator2()).done;) {
+      var _cur = _step2.value;
+      if (index.includes(_cur.alias || _cur.name)) {
+        target.push({
+          description: _cur.name
+        });
+      }
+    }
+    var queryParams = handleQueryParams(query);
+    var data = _extends({
+      queryParams: queryParams,
+      dim: dim,
+      target: target
+    }, params, {
+      pageNum: 1,
+      pageSize: defaultPageSize,
+      dataSetName: dataSetName
+    });
+    return formatter ? formatter === null || formatter === void 0 ? void 0 : formatter(data) : data;
+  };
+
+  // 获取数据源
+  var getDataSource = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(params) {
+      var data, _yield$getReportData, success, _yield$getReportData$, result;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (params === void 0) {
+              params = {};
+            }
+            if (!loading) {
+              _context3.next = 3;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 3:
+            _context3.prev = 3;
+            data = getBigDataBody(params);
+            setLoading(true);
+            _context3.next = 8;
+            return getReportData(rcProContext, data);
+          case 8:
+            _yield$getReportData = _context3.sent;
+            success = _yield$getReportData.success;
+            _yield$getReportData$ = _yield$getReportData.result;
+            result = _yield$getReportData$ === void 0 ? {} : _yield$getReportData$;
+            setLoading(false);
+            return _context3.abrupt("return", {
+              success: success,
+              result: result
+            });
+          case 16:
+            _context3.prev = 16;
+            _context3.t0 = _context3["catch"](3);
+            setLoading(false);
+            console.error(_context3.t0);
+          case 20:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[3, 16]]);
+    }));
+    return function getDataSource(_x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var initial = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(params) {
+      var result, dims, targets, option;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return getDimTargetData(rcProContext, _extends({
+              dataSetName: dataSetName
+            }, params), {
+              dimJson: dimJson,
+              indexJson: indexJson
+            });
+          case 2:
+            result = _context4.sent;
+            if (result) {
+              dims = result.dims, targets = result.targets;
+              option = {
+                dimension: dims === null || dims === void 0 ? void 0 : dims.dimension,
+                dimensionSource: dims === null || dims === void 0 ? void 0 : dims.dimensionSource,
+                index: targets === null || targets === void 0 ? void 0 : targets.index,
+                indexSource: targets === null || targets === void 0 ? void 0 : targets.indexSource
+              };
+              handleUpdateColumns(option);
+              setDimTargetValue(result);
+              setConfig(_extends({}, 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(_extends({}, pagination, {
+                    orderBy: orderBy
+                  }));
+                }
+              }));
+            }
+          case 4:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function initial(_x4) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (dataSetName) {
+      initial();
+    }
+  }, [dataSetName, dimJson, indexJson]);
+  var handleClearInterval = function handleClearInterval() {
+    if (timer) {
+      clearInterval(timer);
+      timer = null;
+    }
+  };
+  useEffect(function () {
+    var _ref6 = (activeKey === null || activeKey === void 0 ? void 0 : activeKey.split(separator)) || [],
+      currentKey = _ref6[0];
+    if (currentKey === dataSetName) {
+      if (autoLoad) {
+        if (refreshRate) {
+          handleClearInterval();
+          timer = window.setInterval(function () {
+            return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+          }, refreshRate * timeUnit);
+        } else {
+          onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+        }
+      }
+    } else {
+      handleClearInterval();
+    }
+    return function () {
+      handleClearInterval();
+    };
+  }, [activeKey, autoLoad]);
+  var queryChart = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(value) {
+      var _linkChartRef$current3;
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            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__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+                var _tableRef$current2;
+                var _getDimTargetValues4, _getDimTargetValues4$, indexSource, indexAmounted, target, _iterator3, _step3, cur, _ref9, success, _ref9$result, result, _result$data, _result$data$, data;
+                return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+                  while (1) switch (_context5.prev = _context5.next) {
+                    case 0:
+                      (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.refreshTable({
+                        current: 1
+                      });
+                      _getDimTargetValues4 = getDimTargetValues(), _getDimTargetValues4$ = _getDimTargetValues4.indexSource, indexSource = _getDimTargetValues4$ === void 0 ? [] : _getDimTargetValues4$;
+                      indexAmounted = indexSource === null || indexSource === void 0 ? void 0 : indexSource.filter(function (cur) {
+                        return cur.amounted;
+                      });
+                      if (!(indexAmounted !== null && indexAmounted !== void 0 && indexAmounted.length)) {
+                        _context5.next = 16;
+                        break;
+                      }
+                      target = [];
+                      for (_iterator3 = _createForOfIteratorHelperLoose(indexAmounted); !(_step3 = _iterator3()).done;) {
+                        cur = _step3.value;
+                        target.push({
+                          description: cur.name
+                        });
+                      }
+                      _context5.next = 8;
+                      return getDataSource({
+                        dim: [],
+                        target: target
+                      });
+                    case 8:
+                      _context5.t0 = _context5.sent;
+                      if (_context5.t0) {
+                        _context5.next = 11;
+                        break;
+                      }
+                      _context5.t0 = {};
+                    case 11:
+                      _ref9 = _context5.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:
+                    case "end":
+                      return _context5.stop();
+                  }
+                }, _callee5);
+              })), 200);
+            }
+          case 1:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function queryChart(_x5) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  useImperativeHandle(chartRef, function () {
+    return {
+      onLink: onLink,
+      queryChart: queryChart
+    };
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: !isLink ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(DimTarget, {
+    dimTargetRef: dimTargetRef,
+    value: dimTargetValue,
+    remember: remember,
+    dataSetName: dataSetName,
+    buttons: buttons.filter(function (item) {
+      return item;
+    })
+  }), /*#__PURE__*/React.createElement(ProTable, {
+    ref: tableRef,
+    config: config
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: isLink ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(LinkRenderer, {
+    chartRef: linkChartRef,
+    dimJson: dimJson,
+    linkPage: linkPage,
+    onConfirm: onConfirm,
+    onBack: function onBack() {
+      setIsLink(false);
+    }
+  })));
+};
+export default TableRenderer;

package/es/components/z-templates-data-common/components/table-renderer/table-renderer.helper.d.ts

@@ -0,0 +1,64 @@
+import { TypeChartSettingProps } from '../../data-common';
+import type { linkParamsType } from '../link-renderer';
+import type { DimTargetChangeOptionType } from '../dim-target/dim-target.helper';
+import type { valueType } from '../../data-common.helper';
+export declare const stringTrim: (str: string) => string;
+/**
+ * 维度指标数据源处理
+ */
+export declare const handleDimTargetFormat: (dimTargetSource: Pick<TypeChartSettingProps, 'dimJson' | 'indexJson'>, result?: Record<string, any>) => {
+    rememberCheck: boolean;
+    dims: {
+        all: boolean;
+        title: string;
+        indeterminate: boolean;
+        dimension: any[];
+        dimensionSource: Omit<import("../../data-common").TypeTargetProps, "amounted" | "enName" | "isFilter">[];
+    };
+    targets: {
+        all: boolean;
+        title: string;
+        indeterminate: boolean;
+        index: any[];
+        indexSource: import("../../data-common").TypeTargetProps[];
+    };
+};
+/**
+ * 获取维度指标数据源
+ */
+export declare const getDimTargetData: (rcProContext: any, params: Record<string, any>, dimTargetSource: Pick<TypeChartSettingProps, 'dimJson' | 'indexJson'>) => Promise<{
+    rememberCheck: boolean;
+    dims: {
+        all: boolean;
+        title: string;
+        indeterminate: boolean;
+        dimension: any[];
+        dimensionSource: Omit<import("../../data-common").TypeTargetProps, "amounted" | "enName" | "isFilter">[];
+    };
+    targets: {
+        all: boolean;
+        title: string;
+        indeterminate: boolean;
+        index: any[];
+        indexSource: import("../../data-common").TypeTargetProps[];
+    };
+}>;
+/**
+ * 数据渲染格式处理
+ */
+export declare const handleValueFormat: (value: valueType, record: Record<string, any>, find?: Record<string, any>, condition?: any[], onLink?: () => void) => any;
+/**
+ * 条件格式
+ */
+export type ExpressionsType = any[] | [];
+/**
+ * 根据维度指标获取表格列
+ */
+export declare const handleColumns: (option: DimTargetChangeOptionType, expressions?: ExpressionsType, onLink?: (v: linkParamsType) => void) => {
+    title: import("antd/es/checkbox/Group").CheckboxValueType;
+    dataIndex: string;
+    ellipsis: boolean;
+    sorter: any;
+    width: any;
+    render: (value: valueType, record: Record<string, any>) => any;
+}[];