@ztocwst/rc-pro-materials 0.2.2 → 0.2.3-4.1

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

@@ -1,481 +0,0 @@
-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,
-    linkPageTitle = props.linkPageTitle,
-    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,
-    linkPageTitle: linkPageTitle,
-    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

@@ -1,64 +0,0 @@
-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;
-}[];