@ztocwst/rc-pro-materials 0.1.25 → 0.1.27

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

@@ -0,0 +1,330 @@
+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; }
+/** table config  */
+export var tableConfigDefault = {
+  manual: true,
+  toolBars: false,
+  hideDefRowSelection: true,
+  columns: []
+};
+
+/** 字符串拼接分割符 */
+export var separator = '***';
+
+/** 时间单位 */
+export var timeUnit = 60 * 1000;
+
+/** 介于 前闭后开 */
+export var BETWEEN = '<=,<';
+/** 数据类型 */
+
+/**
+ * 计算宽
+ * @param length
+ * @param width
+ */
+export var computeWidth = function computeWidth(length, width) {
+  if (width === void 0) {
+    width = 40;
+  }
+  return length * width;
+};
+
+/**
+ * 获取最大宽
+ * @param strArr
+ */
+export var getMaxWidth = function getMaxWidth(strArr) {
+  if (!(strArr !== null && strArr !== void 0 && strArr.length)) return 0;
+  var arr = strArr.map(function (s) {
+    var _s$toString;
+    return s === null || s === void 0 ? void 0 : (_s$toString = s.toString()) === null || _s$toString === void 0 ? void 0 : _s$toString.length;
+  });
+  var length = Math.max.apply(null, arr);
+  return computeWidth(length, 14);
+};
+
+/**
+ * 处理 QueryParams 去除空字符串
+ */
+export var handleQueryParams = function handleQueryParams(query) {
+  var queryParams = _extends({}, query);
+  Object.keys(query).forEach(function (k) {
+    if (query[k] === '') {
+      queryParams[k] = undefined;
+    }
+  });
+  return queryParams;
+};
+
+/**
+ * 处理数据千分位
+ */
+export var handleThousand = function handleThousand(value) {
+  if (!Number.isNaN(value) && value) {
+    if (String(value).indexOf('.') !== -1) {
+      var _String$split = String(value).split('.'),
+        start = _String$split[0],
+        end = _String$split[1];
+      var begin = start.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
+      return [begin, end].join('.');
+    } else {
+      return value.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
+    }
+  } else {
+    return value;
+  }
+};
+
+/**
+ * 保留几位小数点
+ */
+export var handleDecimal = function handleDecimal(value, decimal) {
+  if (decimal === void 0) {
+    decimal = 2;
+  }
+  if (value === null || value === undefined) return;
+  return Number(value).toFixed(decimal);
+};
+
+/**
+ * 百分比转化
+ */
+export var handlePercent = function handlePercent(value, decimal, unit) {
+  if (decimal === void 0) {
+    decimal = 2;
+  }
+  if (unit === void 0) {
+    unit = 100;
+  }
+  if (value === null || value === undefined) return;
+  return (Number(value) * unit).toFixed(decimal) + "%";
+};
+
+/**
+ * link外链处理
+ */
+export var handleLink = function handleLink(value, onLink) {
+  if (value === null || value === undefined) return;
+  return /*#__PURE__*/React.createElement("a", {
+    href: "javascript:void(0);",
+    onClick: onLink
+  }, value);
+};
+
+/**
+ * 条件格式设置
+ * @param value 处理前的值
+ * @param handledValue 被处理后的值 可能会是link标签
+ */
+export var handleCondition = function handleCondition(value, handledValue, conditions) {
+  if (value === null || value === undefined) return;
+  var val = handledValue;
+  for (var _iterator = _createForOfIteratorHelperLoose(conditions), _step; !(_step = _iterator()).done;) {
+    var cur = _step.value;
+    var condition = cur === null || cur === void 0 ? void 0 : cur.condition;
+    if ((condition === null || condition === void 0 ? void 0 : condition.type) === BETWEEN) {
+      var _condition$type;
+      var _condition$type$split = condition === null || condition === void 0 ? void 0 : (_condition$type = condition.type) === null || _condition$type === void 0 ? void 0 : _condition$type.split(','),
+        start = _condition$type$split[0],
+        end = _condition$type$split[1];
+      if (eval("" + (condition === null || condition === void 0 ? void 0 : condition.start) + start + value) && eval("" + value + end + (condition === null || condition === void 0 ? void 0 : condition.end))) {
+        var style = {
+          color: cur === null || cur === void 0 ? void 0 : cur.fontColor,
+          background: cur === null || cur === void 0 ? void 0 : cur.backgroundColor
+        };
+        val = /*#__PURE__*/React.createElement("div", {
+          style: style
+        }, handledValue);
+      }
+    } else if (eval("" + value + (condition === null || condition === void 0 ? void 0 : condition.type) + (condition === null || condition === void 0 ? void 0 : condition.value))) {
+      var _style = {
+        color: cur === null || cur === void 0 ? void 0 : cur.fontColor,
+        background: cur === null || cur === void 0 ? void 0 : cur.backgroundColor
+      };
+      val = /*#__PURE__*/React.createElement("div", {
+        style: _style
+      }, handledValue);
+    }
+  }
+  return val;
+};
+
+// mock
+var token = 'scm:tenant:token:2:104:33A6E5D6F29E319C975B503D2B2E0E7B';
+
+/** 获取维度指标 */
+export var getDimTarget = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(rcProContext, params) {
+    var _ref2, materialsRequest, env, res, _res;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _ref2 = rcProContext || {}, materialsRequest = _ref2.materialsRequest, env = _ref2.env; // 供应链里由子应用透传
+          if (!materialsRequest) {
+            _context.next = 6;
+            break;
+          }
+          _context.next = 4;
+          return materialsRequest("/data/forward/v1/bigdata/report/view/query/" + params.dataSetName, {
+            method: 'POST',
+            data: {
+              bigDataBody: _extends({
+                env: env
+              }, params)
+            }
+          });
+        case 4:
+          res = _context.sent;
+          return _context.abrupt("return", res);
+        case 6:
+          _context.prev = 6;
+          _context.next = 9;
+          return fetch("http://scm.gateway.dev.ztyc.com/data/forward/v1/bigdata/report/view/query/" + params.dataSetName, {
+            method: 'POST',
+            body: JSON.stringify({
+              bigDataBody: _extends({
+                env: 'dev'
+              }, params)
+            }),
+            headers: {
+              'Content-Type': 'application/json',
+              token: token
+            }
+          });
+        case 9:
+          _res = _context.sent;
+          _context.next = 12;
+          return _res.json();
+        case 12:
+          return _context.abrupt("return", _context.sent);
+        case 15:
+          _context.prev = 15;
+          _context.t0 = _context["catch"](6);
+          return _context.abrupt("return", {});
+        case 18:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[6, 15]]);
+  }));
+  return function getDimTarget(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/** 获取报表数据 */
+export var getReportData = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(rcProContext, params) {
+    var _ref4, materialsRequest, env, res, _res2;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _ref4 = rcProContext || {}, materialsRequest = _ref4.materialsRequest, env = _ref4.env; // 供应链里由子应用透传
+          if (!materialsRequest) {
+            _context2.next = 6;
+            break;
+          }
+          _context2.next = 4;
+          return materialsRequest("/data/forward/v1/bigdata/report/" + params.dataSetName, {
+            method: 'POST',
+            data: {
+              bigDataBody: _extends({
+                env: env
+              }, params)
+            }
+          });
+        case 4:
+          res = _context2.sent;
+          return _context2.abrupt("return", res);
+        case 6:
+          _context2.prev = 6;
+          _context2.next = 9;
+          return fetch("http://scm.gateway.dev.ztyc.com/data/forward/v1/bigdata/report/" + params.dataSetName, {
+            method: 'POST',
+            body: JSON.stringify({
+              bigDataBody: _extends({
+                env: 'dev'
+              }, params)
+            }),
+            headers: {
+              'Content-Type': 'application/json',
+              token: token
+            }
+          });
+        case 9:
+          _res2 = _context2.sent;
+          _context2.next = 12;
+          return _res2.json();
+        case 12:
+          return _context2.abrupt("return", _context2.sent);
+        case 15:
+          _context2.prev = 15;
+          _context2.t0 = _context2["catch"](6);
+          return _context2.abrupt("return", {});
+        case 18:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[6, 15]]);
+  }));
+  return function getReportData(_x3, _x4) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+/** 记住勾选 */
+export var saveDimTarget = /*#__PURE__*/function () {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(rcProContext, params) {
+    var _ref6, materialsRequest, res, _res3;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _ref6 = rcProContext || {}, materialsRequest = _ref6.materialsRequest; // 供应链里由子应用透传
+          if (!materialsRequest) {
+            _context3.next = 6;
+            break;
+          }
+          _context3.next = 4;
+          return materialsRequest("/data/forward/v1/bigdata/report/view/save", {
+            method: 'POST',
+            data: params
+          });
+        case 4:
+          res = _context3.sent;
+          return _context3.abrupt("return", res);
+        case 6:
+          _context3.prev = 6;
+          _context3.next = 9;
+          return fetch("http://scm.gateway.dev.ztyc.com/data/forward/v1/bigdata/report/view/save", {
+            method: 'POST',
+            body: JSON.stringify(_extends({}, params)),
+            headers: {
+              'Content-Type': 'application/json',
+              token: token
+            }
+          });
+        case 9:
+          _res3 = _context3.sent;
+          _context3.next = 12;
+          return _res3.json();
+        case 12:
+          return _context3.abrupt("return", _context3.sent);
+        case 15:
+          _context3.prev = 15;
+          _context3.t0 = _context3["catch"](6);
+          return _context3.abrupt("return", {});
+        case 18:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[6, 15]]);
+  }));
+  return function saveDimTarget(_x5, _x6) {
+    return _ref5.apply(this, arguments);
+  };
+}();

package/es/components/z-templates-data-common/data-common.js

@@ -0,0 +1,141 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _message from "antd/es/message";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useRef, useImperativeHandle } from 'react';
+import { ProFormRender } from '@ztocwst/rc-pro';
+import ChartRenderer from "./components/chart-renderer";
+
+/** 指标配置 */
+
+/** 表格相关配置 */
+
+var ZTemplatesDataCommon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var querySetting = props.querySetting,
+    _unsafe_MixedSetter_chartSetting_select = props._unsafe_MixedSetter_chartSetting_select;
+  var chartSetting = props.chartSetting;
+  var formRef = useRef();
+  var chartRenderRef = useRef();
+  // todo 不知道meta里是哪里配置有问题，出现_unsafe_MixedSetter...
+  // if (
+  //   _unsafe_MixedSetter_chartSetting_select &&
+  //   typeof _unsafe_MixedSetter_chartSetting_select === 'object'
+  // ) {
+  //   chartSetting = _unsafe_MixedSetter_chartSetting_select;
+  // }
+  console.log(chartSetting);
+  var onFinish = function onFinish(values) {
+    chartRenderRef.current.queryChart(values);
+  };
+  var onConfirm = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _yield$formRef$curren, _formRef$current, _formRef$current$vali, values;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : (_formRef$current$vali = _formRef$current.validateFieldsReturnFormatValue) === null || _formRef$current$vali === void 0 ? void 0 : _formRef$current$vali.call(_formRef$current);
+          case 3:
+            _context.t1 = _yield$formRef$curren = _context.sent;
+            _context.t0 = _context.t1 !== null;
+            if (!_context.t0) {
+              _context.next = 7;
+              break;
+            }
+            _context.t0 = _yield$formRef$curren !== void 0;
+          case 7:
+            if (!_context.t0) {
+              _context.next = 11;
+              break;
+            }
+            _context.t2 = _yield$formRef$curren;
+            _context.next = 12;
+            break;
+          case 11:
+            _context.t2 = {};
+          case 12:
+            values = _context.t2;
+            chartRenderRef.current.queryChart(values);
+            _context.next = 19;
+            break;
+          case 16:
+            _context.prev = 16;
+            _context.t3 = _context["catch"](0);
+            console.error(_context.t3);
+          case 19:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 16]]);
+    }));
+    return function onConfirm() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var onLink = function onLink(values) {
+    var _chartRenderRef$curre, _chartRenderRef$curre2;
+    return (_chartRenderRef$curre = chartRenderRef.current) === null || _chartRenderRef$curre === void 0 ? void 0 : (_chartRenderRef$curre2 = _chartRenderRef$curre.onLink) === null || _chartRenderRef$curre2 === void 0 ? void 0 : _chartRenderRef$curre2.call(_chartRenderRef$curre, values);
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      onLink: onLink
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ProFormRender, _extends({}, querySetting, {
+    formRef: formRef,
+    onValuesChange: function onValuesChange(changeValues) {},
+    onFinish: /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(formatData) {
+        var _querySetting$onFinis;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              _context2.next = 3;
+              return (_querySetting$onFinis = querySetting.onFinish) === null || _querySetting$onFinis === void 0 ? void 0 : _querySetting$onFinis.call(querySetting, formatData);
+            case 3:
+              _context2.next = 5;
+              return onFinish === null || onFinish === void 0 ? void 0 : onFinish(formatData);
+            case 5:
+              _context2.next = 10;
+              break;
+            case 7:
+              _context2.prev = 7;
+              _context2.t0 = _context2["catch"](0);
+              _message.error(_context2.t0);
+            case 10:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 7]]);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }()
+  })), /*#__PURE__*/React.createElement(ChartRenderer, {
+    chartSetting: chartSetting,
+    chartRenderRef: chartRenderRef,
+    onConfirm: onConfirm
+  }));
+});
+var ZTemplatesDataCommonContainer = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ZTemplatesDataCommonContainer, _React$Component);
+  function ZTemplatesDataCommonContainer(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.chartRef = void 0;
+    _this.chartRef = /*#__PURE__*/React.createRef();
+    return _this;
+  }
+  var _proto = ZTemplatesDataCommonContainer.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ZTemplatesDataCommon, _extends({}, this.props, {
+      ref: this.chartRef
+    }));
+  };
+  return ZTemplatesDataCommonContainer;
+}(React.Component);
+export { ZTemplatesDataCommonContainer as default };

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

@@ -0,0 +1,3 @@
+import ZTemplatesDataCommon from './data-common';
+export type { TypeZTemplatesDataCommonProps } from './data-common';
+export default ZTemplatesDataCommon;

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

@@ -0,0 +1,2 @@
+import ZTemplatesDataCommon from "./data-common";
+export default ZTemplatesDataCommon;

package/es/index.d.ts

@@ -33,3 +33,5 @@ export { default as ZPointerBlock } from './components/z-pointer-block';
 export type { TypeZPointerBlockProps } from './components/z-pointer-block';
 export { default as ZAggBlock } from './components/z-agg-block';
 export type { TypeAggBlockProps } from './components/z-agg-block';
+export { default as ZTemplatesDataCommon } from './components/z-templates-data-common';
+export type { TypeZTemplatesDataCommonProps } from './components/z-templates-data-common';

package/es/index.js

@@ -20,6 +20,7 @@ export { default as ZProProvider } from "./components/z-pro-provider";
 export { default as ZPointerBlock } from "./components/z-pointer-block";
 // 聚合指标
 export { default as ZAggBlock } from "./components/z-agg-block";
+export { default as ZTemplatesDataCommon } from "./components/z-templates-data-common";
 
 // const bizCssPrefix = 'bizpack';
 

package/es/style.js

@@ -12,4 +12,8 @@ import 'antd/es/table/style';
 import 'antd/es/typography/style';
 import 'antd/es/row/style';
 import 'antd/es/col/style';
+import 'antd/es/message/style';
+import 'antd/es/tabs/style';
+import 'antd/es/checkbox/style';
+import 'antd/es/radio/style';
 import './index.scss';

package/lib/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/lib/components/z-templates-data-common/components/chart-renderer/index.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _tabs = _interopRequireDefault(require("antd/lib/tabs"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _dataCommon = require("../../data-common.helper");
+var _tableRenderer = _interopRequireDefault(require("../table-renderer"));
+var _customRenderer = _interopRequireDefault(require("../custom-renderer"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _react.useRef)({});
+  var _useState = (0, _react.useState)(),
+    activeKey = _useState[0],
+    setActiveKey = _useState[1];
+  var onLink = function onLink(values) {
+    if (isObject && ! /*#__PURE__*/_react["default"].isValidElement(chartSetting) || isArray && !chartSetting.every(function (e) {
+      return /*#__PURE__*/_react["default"].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["default"].isValidElement(chartSetting) || isArray && !chartSetting.every(function (e) {
+      return /*#__PURE__*/_react["default"].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);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (isObject && ! /*#__PURE__*/_react["default"].isValidElement(chartSetting)) {
+      setActiveKey(chartSetting === null || chartSetting === void 0 ? void 0 : chartSetting.dataSetName);
+    }
+    if (isArray && !chartSetting.every(function (e) {
+      return /*#__PURE__*/_react["default"].isValidElement(e);
+    })) {
+      if (chartSetting.length) {
+        var index = 0;
+        var item = chartSetting[index];
+        setActiveKey("" + (item === null || item === void 0 ? void 0 : item.dataSetName) + _dataCommon.separator + index);
+      }
+    }
+  }, []);
+  var handleTabsChange = function handleTabsChange(key) {
+    return setActiveKey(key);
+  };
+  (0, _react.useImperativeHandle)(chartRenderRef, function () {
+    return {
+      onLink: onLink,
+      queryChart: queryChart
+    };
+  });
+
+  // react子节点
+  if ( /*#__PURE__*/_react["default"].isValidElement(chartSetting)) {
+    return chartSetting;
+  }
+
+  // 多个react子节点
+  if (isArray && chartSetting.every(function (e) {
+    return /*#__PURE__*/_react["default"].isValidElement(e);
+  })) {
+    return chartSetting;
+  }
+
+  // 普通列表json对象
+  if (isObject) {
+    return /*#__PURE__*/_react["default"].createElement(_tableRenderer["default"], (0, _extends2["default"])({}, 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["default"].isValidElement(e);
+  })) {
+    return /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
+      activeKey: activeKey,
+      onChange: handleTabsChange
+    }, chartSetting.map(function (e, i) {
+      return /*#__PURE__*/_react["default"].createElement(_tabs["default"].TabPane, {
+        tab: "" + ((e === null || e === void 0 ? void 0 : e.title) || ''),
+        key: "" + (e === null || e === void 0 ? void 0 : e.dataSetName) + _dataCommon.separator + i.toString()
+      }, e !== null && e !== void 0 && e.custom ? /*#__PURE__*/_react["default"].createElement(_customRenderer["default"], (0, _extends2["default"])({}, e, {
+        activeKey: activeKey,
+        chartRef: function chartRef(ref) {
+          _chartRef.current["" + (e === null || e === void 0 ? void 0 : e.dataSetName) + _dataCommon.separator + i] = ref;
+        },
+        onConfirm: onConfirm
+      })) : /*#__PURE__*/_react["default"].createElement(_tableRenderer["default"], (0, _extends2["default"])({}, e, {
+        activeKey: activeKey,
+        chartRef: function chartRef(ref) {
+          _chartRef.current["" + (e === null || e === void 0 ? void 0 : e.dataSetName) + _dataCommon.separator + i] = ref;
+        },
+        onConfirm: onConfirm
+      })));
+    }));
+  }
+  return null;
+};
+var _default = ChartRenderer;
+exports["default"] = _default;

package/lib/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;