@ztocwst/rc-pro-materials 0.1.26 → 0.1.27

package/lib/components/z-templates-data-common/components/table-renderer/table-renderer.helper.js

@@ -0,0 +1,228 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.stringTrim = exports.handleValueFormat = exports.handleDimTargetFormat = exports.handleColumns = exports.getDimTargetData = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _dataCommon = require("../../data-common.helper");
+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; }
+var stringTrim = function stringTrim(str) {
+  if (!str) return '';
+  return str.replace(/`|'|"/g, '');
+};
+
+/**
+ * 维度指标数据源处理
+ */
+exports.stringTrim = stringTrim;
+var handleDimTargetFormat = function handleDimTargetFormat(dimTargetSource, result) {
+  var _dimJson$data, _indexJson$data;
+  var _ref = dimTargetSource || {},
+    dimJson = _ref.dimJson,
+    indexJson = _ref.indexJson;
+  /** chartSetting 传入维度数据源 */
+  var dimensionSource = dimJson !== null && dimJson !== void 0 && (_dimJson$data = dimJson.data) !== null && _dimJson$data !== void 0 && _dimJson$data.length ? dimJson === null || dimJson === void 0 ? void 0 : dimJson.data : [];
+  /** chartSetting 传入指标数据源 */
+  var indexSource = indexJson !== null && indexJson !== void 0 && (_indexJson$data = indexJson.data) !== null && _indexJson$data !== void 0 && _indexJson$data.length ? indexJson === null || indexJson === void 0 ? void 0 : indexJson.data : [];
+  var _ref2 = result || {},
+    customIndexJson = _ref2.customIndexJson,
+    customDimJson = _ref2.customDimJson;
+  var rememberCheck = !!customDimJson || !!customIndexJson;
+  /** 记住勾选保存的维度；别名容易被修改，保存的是 description 属性 */
+  var customDim = customDimJson ? JSON.parse(customDimJson) : [];
+  /** 记住勾选保存的指标；别名容易被修改，保存的是 name 属性 */
+  var customIndex = customIndexJson ? JSON.parse(customIndexJson) : [];
+  /** 维度 */
+  var dimension = [];
+  /** 指标 */
+  var index = [];
+  if (dimensionSource.length) {
+    for (var _iterator = _createForOfIteratorHelperLoose(dimensionSource), _step; !(_step = _iterator()).done;) {
+      var item = _step.value;
+      var selected = item === null || item === void 0 ? void 0 : item.checked;
+      var alias = item === null || item === void 0 ? void 0 : item.alias;
+      var description = stringTrim(item.description);
+      if (customDim !== null && customDim !== void 0 && customDim.length) {
+        selected = customDim.includes(description);
+      }
+      if (selected) {
+        dimension.push(alias || description);
+      }
+      item.description = description;
+    }
+  }
+  if (indexSource.length) {
+    for (var _iterator2 = _createForOfIteratorHelperLoose(indexSource), _step2; !(_step2 = _iterator2()).done;) {
+      var _item = _step2.value;
+      var _selected = _item === null || _item === void 0 ? void 0 : _item.checked;
+      var _alias = _item === null || _item === void 0 ? void 0 : _item.alias;
+      var name = stringTrim(_item.name);
+      if (customIndex !== null && customIndex !== void 0 && customIndex.length) {
+        _selected = customIndex.includes(name);
+      }
+      if (_selected) {
+        index.push(_alias || name);
+      }
+      _item.name = name;
+    }
+  }
+
+  /* 维度全选 */
+  var dimAll = !!dimensionSource.length && dimensionSource.length === dimension.length;
+  /* 维度不确定选中 */
+  var dimIndeterminate = dimAll ? false : !!dimension.length;
+
+  /* 指标全选 */
+  var targetAll = !!indexSource.length && indexSource.length === index.length;
+  /* 指标不确定选中 */
+  var targetsIndeterminate = targetAll ? false : !!index.length;
+  return {
+    rememberCheck: rememberCheck,
+    dims: {
+      all: dimAll,
+      title: dimJson === null || dimJson === void 0 ? void 0 : dimJson.title,
+      indeterminate: dimIndeterminate,
+      dimension: dimension,
+      dimensionSource: dimensionSource
+    },
+    targets: {
+      all: targetAll,
+      title: indexJson === null || indexJson === void 0 ? void 0 : indexJson.title,
+      indeterminate: targetsIndeterminate,
+      index: index,
+      indexSource: indexSource
+    }
+  };
+};
+
+/**
+ * 获取维度指标数据源
+ */
+exports.handleDimTargetFormat = handleDimTargetFormat;
+var getDimTargetData = /*#__PURE__*/function () {
+  var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(rcProContext, params, dimTargetSource) {
+    var _yield$getDimTarget, success, _yield$getDimTarget$r, result;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (params !== null && params !== void 0 && params.dataSetName) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", handleDimTargetFormat(dimTargetSource));
+        case 2:
+          _context.prev = 2;
+          _context.next = 5;
+          return (0, _dataCommon.getDimTarget)(rcProContext, params);
+        case 5:
+          _yield$getDimTarget = _context.sent;
+          success = _yield$getDimTarget.success;
+          _yield$getDimTarget$r = _yield$getDimTarget.result;
+          result = _yield$getDimTarget$r === void 0 ? {} : _yield$getDimTarget$r;
+          if (!success) {
+            _context.next = 11;
+            break;
+          }
+          return _context.abrupt("return", handleDimTargetFormat(dimTargetSource, result));
+        case 11:
+          _context.next = 16;
+          break;
+        case 13:
+          _context.prev = 13;
+          _context.t0 = _context["catch"](2);
+          return _context.abrupt("return", Promise.reject(_context.t0));
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 13]]);
+  }));
+  return function getDimTargetData(_x, _x2, _x3) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+/**
+ * 数据渲染格式处理
+ */
+exports.getDimTargetData = getDimTargetData;
+var handleValueFormat = function handleValueFormat(value, record, find, condition, onLink) {
+  var _val;
+  var val = value;
+  if (typeof value === 'number') {
+    if (!(find !== null && find !== void 0 && find.percent) && typeof (find === null || find === void 0 ? void 0 : find.precision) === 'number') {
+      val = (0, _dataCommon.handleDecimal)(val, find.precision);
+    }
+    if (find !== null && find !== void 0 && find.thousand) {
+      val = (0, _dataCommon.handleThousand)(val);
+    }
+    if (find !== null && find !== void 0 && find.percent) {
+      val = (0, _dataCommon.handlePercent)(val, find.precision);
+    }
+  }
+  if (find !== null && find !== void 0 && find.link) {
+    val = (0, _dataCommon.handleLink)(value, onLink);
+  }
+  if (condition !== null && condition !== void 0 && condition.length) {
+    val = (0, _dataCommon.handleCondition)(value, val, condition);
+  }
+  return (_val = val) !== null && _val !== void 0 ? _val : "-";
+};
+
+/**
+ * 条件格式
+ */
+exports.handleValueFormat = handleValueFormat;
+/**
+ * 根据维度指标获取表格列
+ */
+var handleColumns = function handleColumns(option, expressions, onLink) {
+  var dimTarget = [].concat(option.dimension, option.index);
+  return dimTarget.map(function (title) {
+    var _find3, _find4, _title$toString;
+    var find;
+    var dataIndex;
+    var condition;
+    if (!find) {
+      var _option$dimensionSour, _find;
+      /* 通过别名或名称 查找当前维度的配置 */
+      find = (_option$dimensionSour = option.dimensionSource) === null || _option$dimensionSour === void 0 ? void 0 : _option$dimensionSour.find(function (item) {
+        return item.alias === title || item.description === title;
+      });
+      dataIndex = (_find = find) === null || _find === void 0 ? void 0 : _find.description;
+    }
+    if (!find) {
+      var _option$indexSource, _find2;
+      /* 通过别名或名称 查找当前指标的配置 */
+      find = (_option$indexSource = option.indexSource) === null || _option$indexSource === void 0 ? void 0 : _option$indexSource.find(function (item) {
+        return item.alias === title || item.name === title;
+      });
+      dataIndex = (_find2 = find) === null || _find2 === void 0 ? void 0 : _find2.name;
+    }
+    /* 条件格式设置 */
+    // if (expressions?.length) {
+    //   condition = expressions?.filter((item) => item?.index?.includes(find?.name));
+    // }
+
+    return {
+      title: title,
+      dataIndex: dataIndex,
+      ellipsis: true,
+      sorter: (_find3 = find) === null || _find3 === void 0 ? void 0 : _find3.sorted,
+      width: ((_find4 = find) === null || _find4 === void 0 ? void 0 : _find4.width) || (0, _dataCommon.computeWidth)(title === null || title === void 0 ? void 0 : (_title$toString = title.toString()) === null || _title$toString === void 0 ? void 0 : _title$toString.length),
+      render: function render(value, record) {
+        return handleValueFormat(value, record, find, condition, function () {
+          var _find5;
+          return onLink({
+            dataSetName: (_find5 = find) === null || _find5 === void 0 ? void 0 : _find5.link,
+            record: record
+          });
+        });
+      }
+    };
+  });
+};
+exports.handleColumns = handleColumns;

package/lib/components/z-templates-data-common/data-common.d.ts

@@ -0,0 +1,102 @@
+import React from 'react';
+import type { ProFormRenderProps } from '@ztocwst/rc-pro';
+/** 指标配置 */
+export interface TypeTargetProps {
+    /** 指标名称 */
+    name: string;
+    /** 是否默认选中 */
+    checked: boolean;
+    /** 别名 */
+    alias: string;
+    /** 英文名 */
+    enName: string;
+    /** 是否过滤 */
+    isFilter: boolean;
+    /** 是否可选 */
+    optional: boolean;
+    /** 小数位 精确度 */
+    precision: number;
+    /** 是否展示百分号 */
+    percent: boolean;
+    /** 是否允许排序 */
+    sorted: boolean;
+    /** 宽度 */
+    width: number;
+    /** 是否合计 */
+    amounted: boolean;
+    /** 指标描述 */
+    description?: string;
+    /** 下转二级页 */
+    link?: string;
+    /** 查询绑定关系 */
+    queryBind?: string;
+    /** 依赖 */
+    dependencies?: string[];
+}
+/** 表格相关配置 */
+export interface TypeChartSettingProps {
+    /** 标题 */
+    title?: string;
+    /** 维度配置 */
+    dimJson?: {
+        /** 维度标题 */
+        title: string;
+        /** 维度项配置 */
+        data: Array<Omit<TypeTargetProps, 'amounted' | 'enName' | 'isFilter'>>;
+    };
+    /** 指标配置 */
+    indexJson: {
+        title: string;
+        /** 指标项配置 */
+        data: TypeTargetProps[];
+    };
+    dataSetName: string;
+    /** 自动请求 */
+    autoLoad: boolean;
+    /** 刷新时间 */
+    refreshRate?: number;
+    /** 记住勾选 */
+    remember?: boolean;
+    /** 导出 */
+    exporter?: boolean;
+    /** 导出配置 */
+    exportConfig?: {
+        name: string;
+        code: string;
+        menuId: string;
+    };
+    /** 条件格式设置 */
+    expressions?: any[] | [];
+    /** 下钻二级页设置 */
+    linkPage?: TypeChartSettingProps[];
+    /** 数据源参数"键"" 和 查询参数"值" 和 上一级维度(dim)"值" 关系绑定 */
+    queryBind?: Array<{
+        sourceQueryKey: string;
+        currentQueryKey: string;
+        parentDimKey: string;
+    }>;
+    /** chartRef */
+    chartRef?: React.Ref<{
+        queryChart: (v: Record<string, any>, d: string | undefined) => void;
+    }>;
+    /** 确认 */
+    onConfirm?: () => void;
+    /** 查询参数转换 */
+    formatter?: (v: Record<string, any>) => Record<string, any>;
+}
+export interface TypeZTemplatesDataCommonProps {
+    /** 查询表单配置 */
+    querySetting: ProFormRenderProps;
+    /** 内容区配置 */
+    chartSetting: TypeChartSettingProps | Array<TypeChartSettingProps & {
+        custom: boolean;
+        child: (p: any) => React.ReactNode;
+        title: string;
+    }> | React.ReactNode;
+    _unsafe_MixedSetter_chartSetting_select?: any;
+}
+export default class ZTemplatesDataCommonContainer extends React.Component<TypeZTemplatesDataCommonProps, any> {
+    chartRef: any;
+    constructor(props: any);
+    render(): JSX.Element;
+}

package/lib/components/z-templates-data-common/data-common.helper.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+/** table config  */
+export declare const tableConfigDefault: {
+    manual: boolean;
+    toolBars: boolean;
+    hideDefRowSelection: boolean;
+    columns: any[];
+};
+/** 字符串拼接分割符 */
+export declare const separator = "***";
+/** 时间单位 */
+export declare const timeUnit: number;
+/** 介于 前闭后开 */
+export declare const BETWEEN = "<=,<";
+/** 数据类型 */
+export type valueType = number | string | null | undefined;
+/**
+ * 计算宽
+ * @param length
+ * @param width
+ */
+export declare const computeWidth: (length: number, width?: number) => number;
+/**
+ * 获取最大宽
+ * @param strArr
+ */
+export declare const getMaxWidth: (strArr: any[]) => number;
+/**
+ * 处理 QueryParams 去除空字符串
+ */
+export declare const handleQueryParams: (query: Record<string, any>) => {
+    [x: string]: any;
+};
+/**
+ * 处理数据千分位
+ */
+export declare const handleThousand: (value: valueType) => valueType;
+/**
+ * 保留几位小数点
+ */
+export declare const handleDecimal: (value: valueType, decimal?: number) => string;
+/**
+ * 百分比转化
+ */
+export declare const handlePercent: (value: valueType, decimal?: number, unit?: number) => string;
+/**
+ * link外链处理
+ */
+export declare const handleLink: (value: valueType, onLink?: () => void) => import("react").JSX.Element;
+/**
+ * 条件格式设置
+ * @param value 处理前的值
+ * @param handledValue 被处理后的值 可能会是link标签
+ */
+export declare const handleCondition: (value: valueType, handledValue: any, conditions: any[]) => any;
+/** 获取维度指标 */
+export declare const getDimTarget: (rcProContext: any, params: any) => Promise<any>;
+/** 获取报表数据 */
+export declare const getReportData: (rcProContext: any, params: any) => Promise<any>;
+/** 记住勾选 */
+export declare const saveDimTarget: (rcProContext: any, params: any) => Promise<any>;