@ztocwst/rc-pro-materials 0.1.25 → 0.1.27

package/es/components/z-templates-data-common/components/chart-renderer/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { TypeZTemplatesDataCommonProps } from '../../data-common';
+import type { linkParamsType } from '../link-renderer';
+export interface ChartRendererProps {
+    chartSetting?: Pick<TypeZTemplatesDataCommonProps, 'chartSetting'>;
+    chartRenderRef?: React.Ref<{
+        onLink: (v: linkParamsType) => void;
+        queryChart: (v: Record<string, any>, d: string | undefined) => void;
+    }>;
+    /** 确认 */
+    onConfirm?: () => void;
+}
+declare const ChartRenderer: ({ chartRenderRef, chartSetting, onConfirm }: ChartRendererProps) => JSX.Element | Pick<TypeZTemplatesDataCommonProps, "chartSetting">;
+export default ChartRenderer;

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

@@ -0,0 +1,108 @@
+import _Tabs from "antd/es/tabs";
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
+import { separator } from "../../data-common.helper";
+import TableRenderer from "../table-renderer";
+import CustomRenderer from "../custom-renderer";
+var ChartRenderer = function ChartRenderer(_ref) {
+  var chartRenderRef = _ref.chartRenderRef,
+    chartSetting = _ref.chartSetting,
+    onConfirm = _ref.onConfirm;
+  var isObject = Object.prototype.toString.call(chartSetting) === '[object Object]';
+  var isArray = Array.isArray(chartSetting);
+  var _chartRef = useRef({});
+  var _useState = useState(),
+    activeKey = _useState[0],
+    setActiveKey = _useState[1];
+  var onLink = function onLink(values) {
+    if (isObject && ! /*#__PURE__*/React.isValidElement(chartSetting) || isArray && !chartSetting.every(function (e) {
+      return /*#__PURE__*/React.isValidElement(e);
+    })) {
+      var _chartRef$current$act, _chartRef$current$act2;
+      (_chartRef$current$act = _chartRef.current[activeKey]) === null || _chartRef$current$act === void 0 ? void 0 : (_chartRef$current$act2 = _chartRef$current$act.onLink) === null || _chartRef$current$act2 === void 0 ? void 0 : _chartRef$current$act2.call(_chartRef$current$act, values);
+    }
+  };
+  var queryChart = function queryChart(values) {
+    if (isObject && ! /*#__PURE__*/React.isValidElement(chartSetting) || isArray && !chartSetting.every(function (e) {
+      return /*#__PURE__*/React.isValidElement(e);
+    })) {
+      var _chartRef$current$act3, _chartRef$current$act4;
+      (_chartRef$current$act3 = _chartRef.current[activeKey]) === null || _chartRef$current$act3 === void 0 ? void 0 : (_chartRef$current$act4 = _chartRef$current$act3.queryChart) === null || _chartRef$current$act4 === void 0 ? void 0 : _chartRef$current$act4.call(_chartRef$current$act3, values);
+    }
+  };
+  useEffect(function () {
+    if (isObject && ! /*#__PURE__*/React.isValidElement(chartSetting)) {
+      setActiveKey(chartSetting === null || chartSetting === void 0 ? void 0 : chartSetting.dataSetName);
+    }
+    if (isArray && !chartSetting.every(function (e) {
+      return /*#__PURE__*/React.isValidElement(e);
+    })) {
+      if (chartSetting.length) {
+        var index = 0;
+        var item = chartSetting[index];
+        setActiveKey("" + (item === null || item === void 0 ? void 0 : item.dataSetName) + separator + index);
+      }
+    }
+  }, []);
+  var handleTabsChange = function handleTabsChange(key) {
+    return setActiveKey(key);
+  };
+  useImperativeHandle(chartRenderRef, function () {
+    return {
+      onLink: onLink,
+      queryChart: queryChart
+    };
+  });
+
+  // react子节点
+  if ( /*#__PURE__*/React.isValidElement(chartSetting)) {
+    return chartSetting;
+  }
+
+  // 多个react子节点
+  if (isArray && chartSetting.every(function (e) {
+    return /*#__PURE__*/React.isValidElement(e);
+  })) {
+    return chartSetting;
+  }
+
+  // 普通列表json对象
+  if (isObject) {
+    return /*#__PURE__*/React.createElement(TableRenderer, _extends({}, chartSetting, {
+      activeKey: activeKey,
+      chartRef: function chartRef(ref) {
+        _chartRef.current[chartSetting === null || chartSetting === void 0 ? void 0 : chartSetting.dataSetName] = ref;
+      },
+      onConfirm: onConfirm
+    }));
+  }
+
+  // 数组
+  if (isArray && !chartSetting.every(function (e) {
+    return /*#__PURE__*/React.isValidElement(e);
+  })) {
+    return /*#__PURE__*/React.createElement(_Tabs, {
+      activeKey: activeKey,
+      onChange: handleTabsChange
+    }, chartSetting.map(function (e, i) {
+      return /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+        tab: "" + ((e === null || e === void 0 ? void 0 : e.title) || ''),
+        key: "" + (e === null || e === void 0 ? void 0 : e.dataSetName) + separator + i.toString()
+      }, e !== null && e !== void 0 && e.custom ? /*#__PURE__*/React.createElement(CustomRenderer, _extends({}, e, {
+        activeKey: activeKey,
+        chartRef: function chartRef(ref) {
+          _chartRef.current["" + (e === null || e === void 0 ? void 0 : e.dataSetName) + separator + i] = ref;
+        },
+        onConfirm: onConfirm
+      })) : /*#__PURE__*/React.createElement(TableRenderer, _extends({}, e, {
+        activeKey: activeKey,
+        chartRef: function chartRef(ref) {
+          _chartRef.current["" + (e === null || e === void 0 ? void 0 : e.dataSetName) + separator + i] = ref;
+        },
+        onConfirm: onConfirm
+      })));
+    }));
+  }
+  return null;
+};
+export default ChartRenderer;

package/es/components/z-templates-data-common/components/custom-renderer/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { TypeChartSettingProps } from '../../data-common';
+import type { linkParamsType } from '../link-renderer';
+declare const CustomRenderer: (props: TypeChartSettingProps & {
+    activeKey: string;
+    custom: boolean;
+    child: (p: any) => React.ReactNode;
+    chartRef?: import("react").Ref<{
+        onLink: (v: linkParamsType) => void;
+        queryChart: (v: Record<string, any>, d: string | undefined) => void;
+    }>;
+}) => import("react").JSX.Element;
+export default CustomRenderer;

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

@@ -0,0 +1,161 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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 { useState, useEffect, useRef, useContext, useImperativeHandle } from 'react';
+import { RcConfigContext } from '@ztocwst/rc-pro';
+import { separator, timeUnit, handleQueryParams, getReportData } from "../../data-common.helper";
+import LinkRenderer from "../link-renderer";
+var CustomRenderer = function CustomRenderer(props) {
+  var _props$child;
+  var _ref = props || {},
+    activeKey = _ref.activeKey,
+    autoLoad = _ref.autoLoad,
+    refreshRate = _ref.refreshRate,
+    dataSetName = _ref.dataSetName,
+    dimJson = _ref.dimJson,
+    indexJson = _ref.indexJson,
+    linkPage = _ref.linkPage,
+    onConfirm = _ref.onConfirm,
+    formatter = _ref.formatter;
+  var rcProContext = useContext(RcConfigContext);
+  var _useState = useState(),
+    result = _useState[0],
+    setResult = _useState[1];
+  var _useState2 = useState(false),
+    isLink = _useState2[0],
+    setIsLink = _useState2[1];
+  var linkChartRef = useRef();
+  var timer = null;
+  var onLink = function onLink(values) {
+    var _linkChartRef$current, _linkChartRef$current2;
+    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));
+  };
+
+  // 获取数据源
+  var getDataSource = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
+      var _indexJson$data, target, _iterator, _step, item, queryParams, data, res;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (query === void 0) {
+              query = {};
+            }
+            _context.prev = 1;
+            target = [];
+            if (indexJson !== null && indexJson !== void 0 && (_indexJson$data = indexJson.data) !== null && _indexJson$data !== void 0 && _indexJson$data.length) {
+              for (_iterator = _createForOfIteratorHelperLoose(indexJson.data); !(_step = _iterator()).done;) {
+                item = _step.value;
+                target.push({
+                  description: item.name
+                });
+              }
+            }
+            queryParams = handleQueryParams(query);
+            data = {
+              target: target,
+              queryParams: queryParams,
+              dataSetName: dataSetName
+            };
+            _context.next = 8;
+            return getReportData(rcProContext, formatter ? formatter === null || formatter === void 0 ? void 0 : formatter(data) : data);
+          case 8:
+            res = _context.sent;
+            if (res !== null && res !== void 0 && res.success) {
+              setResult(res === null || res === void 0 ? void 0 : res.result);
+            }
+            _context.next = 16;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](1);
+            setResult(null);
+            console.error(_context.t0);
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 12]]);
+    }));
+    return function getDataSource(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var queryChart = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
+      var queryParams, _linkChartRef$current3;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            queryParams = value[dataSetName] || value;
+            if (isLink) {
+              (_linkChartRef$current3 = linkChartRef.current) === null || _linkChartRef$current3 === void 0 ? void 0 : _linkChartRef$current3.queryChart(queryParams);
+            } else {
+              getDataSource(queryParams);
+            }
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function queryChart(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handleClearInterval = function handleClearInterval() {
+    if (timer) {
+      clearInterval(timer);
+      timer = null;
+    }
+  };
+  useEffect(function () {
+    var _ref4 = (activeKey === null || activeKey === void 0 ? void 0 : activeKey.split(separator)) || [],
+      currentKey = _ref4[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]);
+  useImperativeHandle(props.chartRef, function () {
+    return {
+      onLink: onLink,
+      queryChart: queryChart
+    };
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: !isLink ? 'block' : 'none'
+    }
+  }, (_props$child = props.child) === null || _props$child === void 0 ? void 0 : _props$child.call(props, result)), /*#__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 CustomRenderer;

package/es/components/z-templates-data-common/components/dim-target/dim-target.helper.d.ts

@@ -0,0 +1,39 @@
+import type { CheckboxValueType } from 'antd/es/checkbox/Group';
+import { TypeTargetProps } from '../../data-common';
+/**
+ * 维度状态
+ */
+export interface DimsType {
+    title: string;
+    all: boolean;
+    indeterminate: boolean;
+    dimension: CheckboxValueType[];
+    dimensionSource: Array<Omit<TypeTargetProps, 'amounted' | 'enName' | 'isFilter'>>;
+}
+/**
+ * 指标状态
+ */
+export interface TargetsType {
+    title: string;
+    all: boolean;
+    indeterminate: boolean;
+    index: CheckboxValueType[];
+    indexSource: TypeTargetProps[];
+}
+/**
+ * 维度指标组件初始
+ */
+export interface DimTargetInitialValueType {
+    dims: DimsType;
+    targets: TargetsType;
+    rememberCheck: boolean;
+}
+/**
+ * 维度指标 Change value
+ */
+export interface DimTargetChangeOptionType {
+    dimension: CheckboxValueType[];
+    dimensionSource: Array<Omit<TypeTargetProps, 'amounted' | 'enName' | 'isFilter'>>;
+    index: CheckboxValueType[];
+    indexSource: TypeTargetProps[];
+}

package/es/components/z-templates-data-common/components/dim-target/dim-target.helper.js

@@ -0,0 +1 @@
+export {};

package/es/components/z-templates-data-common/components/dim-target/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ProButtonItemsProps } from '@ztocwst/rc-pro';
+import type { DimTargetChangeOptionType, DimTargetInitialValueType } from './dim-target.helper';
+import './index.less';
+export interface DimTargetProps {
+    value?: DimTargetInitialValueType;
+    dataSetName?: string;
+    remember?: boolean;
+    buttons?: ProButtonItemsProps[];
+    dimTargetRef?: React.Ref<{
+        getDimTargetValues: () => DimTargetChangeOptionType;
+    }>;
+    onChange?: (v: DimTargetChangeOptionType) => void;
+}
+declare const DimTarget: ({ value, dataSetName, remember, buttons, dimTargetRef, onChange, }: DimTargetProps) => JSX.Element;
+export default DimTarget;