@ztocwst/rc-pro-materials 0.2.42 → 0.2.43

package/es/components/z-data-stat-description/index.d.ts

@@ -0,0 +1,3 @@
+import ZDataStatDescription from './z-data-stat-description';
+export type { TypeZDataStatDescriptionProps } from './z-data-stat-description';
+export default ZDataStatDescription;

package/es/components/z-data-stat-description/index.js

@@ -0,0 +1,2 @@
+import ZDataStatDescription from "./z-data-stat-description";
+export default ZDataStatDescription;

package/es/components/z-data-stat-description/z-data-stat-description.d.ts

@@ -0,0 +1,34 @@
+import { TableColumnProps } from '@ztocwst/rc-pro';
+export type TypeZDataStatDescriptionProps = {
+    /** 指标表格列配置 */
+    columns: TableColumnProps[];
+    /** 指标名称集合, 支持异步返回 */
+    qtaName: string[] | (() => Promise<string[]>);
+    /**
+     * 宽度
+     * @default 620
+     */
+    width?: number;
+    /**
+     * 数据转换
+     * @description 如果数组没有返回id，建议 返回id，表格的rowKey 为 id
+     */
+    transformRequestData?: (data: any) => any;
+    /**
+     * 标题
+     * @default '指标说明'
+     * */
+    title?: string;
+    /**
+     * 提示
+     * @default '点击查看本页面所有指标相关口径、来源、责任部门'
+     */
+    tooltip?: string;
+    /**
+     * 数据集
+     * @default 'getBusinessCaliberList'
+     */
+    dataSetName?: string;
+};
+declare const ZDataStatDescription: (props: TypeZDataStatDescriptionProps) => JSX.Element;
+export default ZDataStatDescription;

package/es/components/z-data-stat-description/z-data-stat-description.js

@@ -0,0 +1,169 @@
+import _Drawer from "antd/es/drawer";
+import _extends from "@babel/runtime/helpers/extends";
+import _Tooltip from "antd/es/tooltip";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useContext, useRef, useState } from 'react';
+import { ProButton, ProTable, RcConfigContext } from '@ztocwst/rc-pro';
+import { InfoCircleOutlined } from '@ant-design/icons';
+import { getReportData } from "../z-data-stat/util";
+// http://scm.gateway.dev.ztyc.com/data/forward/v1/bigdata/report/getBusinessCaliberList
+// {"bigDataBody":{"env":"dev","dataSetName":"getBusinessCaliberList","qta_name":["推单包裹数","已发包裹数","未发包裹数","发货达成率","取消包裹数","暂挂包裹数","待处理包裹数","预处理完成包裹数","波次中包裹数","波次完成包裹数","拣货中包裹数","拣货完成包裹数","复核中包裹数","复核完成包裹数","打包中包裹数","打包完成包裹数","称重完成包裹数","揽收包裹数","已发货未揽收包裹数","揽收达成率","首中心到达包裹数","首中心未到达包裹数","配送中包裹数","已签收包裹数","推单件数","推单包裹客单件","推单批量包裹数","推单散单包裹数","推单包裹批量单占比","未发包裹件数","未发包裹客单件","未发批量包裹数","未发散单包裹数","未发包裹批量单占比","已发包裹件数","已发包裹客单件","已发批量包裹数","已发散单包裹数","已发包裹批量单占比","取消单包裹占比","待处理包裹客单件","待处理批量包裹数","待处理散单包裹数","待处理包裹批量单占比","预处理完成包裹客单件","预处理完成批量包裹数","预处理完成散单包裹数","预处理完成包裹批量单占比","波次中包裹客单件","波次中批量包裹数","波次中散单包裹数","波次中包裹批量单占比","波次完成包裹客单件","波次完成批量包裹数","波次完成散单包裹数","波次完成包裹批量单占比","拣货中包裹客单件","拣货中批量包裹数","拣货中散单包裹数","拣货中包裹批量单占比","拣货完成包裹客单件","拣货完成批量包裹数","拣货完成散单包裹数","拣货完成包裹批量单占比","复核中包裹客单件","复核中批量包裹数","复核中散单包裹数","复核中包裹批量单占比","复核完成包裹客单件","复核完成批量包裹数","复核完成散单包裹数","复核完成包裹批量单占比","打包中包裹客单件","打包中批量包裹数","打包中散单包裹数","打包中包裹批量单占比","打包完成包裹客单件","打包完成批量包裹数","打包完成散单包裹数","打包完成包裹批量单占比","称重完成包裹客单件","称重完成批量包裹数","称重完成散单包裹数","称重完成包裹批量单占比","实际批量单客单件","实际批量单SKU数","实际散单客单件","实际散单SKU数"],"pageNum":1,"pageSize":20}}
+// {
+//   "total": 37,
+//   "size": 20,
+//   "page": 1,
+//   "data": [
+//     {
+//       "businessCaliber": "指标定义：取消单包裹数量\n数据来源：仓配一体来自SCM\\/WMS, 快进快出来自景天导入",
+//       "qtaName": "取消包裹数",
+//       "dataSource": ""
+//     },
+//   ]
+// }
+var ZDataStatDescription = function ZDataStatDescription(props) {
+  var _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    _props$qtaName = props.qtaName,
+    qtaName = _props$qtaName === void 0 ? [] : _props$qtaName,
+    _props$title = props.title,
+    title = _props$title === void 0 ? '指标说明' : _props$title,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? '点击查看本页面所有指标相关口径、来源、责任部门' : _props$tooltip,
+    _props$dataSetName = props.dataSetName,
+    dataSetName = _props$dataSetName === void 0 ? 'getBusinessCaliberList' : _props$dataSetName,
+    _transformRequestData = props.transformRequestData,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 620 : _props$width;
+  var rcConfigContextValue = useContext(RcConfigContext);
+  var tableRef = useRef(null);
+  var _useState = useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  var openDrawer = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // if (!qtaName) {
+            //   return message.error('请配置查询指标');
+            // }
+            // let tempQta_name = [];
+            // if (typeof qtaName === 'function') {
+            //   const { index: QtaArr } = await qtaName?.();
+            //   tempQta_name = QtaArr;
+            // } else {
+            //   tempQta_name = [...new Set((qtaName || []).map((e: any) => e?.name || e?.description))];
+            // }
+            // setQta_name(tempQta_name);
+
+            // setTimeout(() => {
+            setOpen(true);
+            // tableRef.current?.refreshTable();
+            // }, 0);
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function openDrawer() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProButton, {
+    items: [{
+      name: title,
+      action: 'xxx',
+      onClick: openDrawer,
+      props: {
+        type: 'link',
+        color: 'default',
+        icon: /*#__PURE__*/React.createElement(_Tooltip, {
+          title: tooltip
+        }, /*#__PURE__*/React.createElement(InfoCircleOutlined, null))
+      }
+    }]
+  }), /*#__PURE__*/React.createElement(_Drawer, {
+    width: width,
+    destroyOnClose: true,
+    title: title,
+    visible: open,
+    open: open,
+    onClose: function onClose() {
+      return setOpen(false);
+    }
+  }, /*#__PURE__*/React.createElement(ProTable, {
+    ref: tableRef,
+    config: {
+      manual: false,
+      request: function () {
+        var _request = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
+          var pagination, newPagination, _qtaName;
+          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                pagination = _ref2.pagination;
+                newPagination = {
+                  pageNum: pagination === null || pagination === void 0 ? void 0 : pagination.current,
+                  pageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize
+                };
+                _qtaName = qtaName || [];
+                if (!(typeof qtaName === 'function')) {
+                  _context2.next = 10;
+                  break;
+                }
+                _context2.next = 6;
+                return qtaName === null || qtaName === void 0 ? void 0 : qtaName();
+              case 6:
+                _context2.t0 = _context2.sent;
+                if (_context2.t0) {
+                  _context2.next = 9;
+                  break;
+                }
+                _context2.t0 = [];
+              case 9:
+                _qtaName = _context2.t0;
+              case 10:
+                _context2.next = 12;
+                return getReportData(_extends({
+                  dataSetName: dataSetName,
+                  qta_name: [].concat(new Set(_qtaName))
+                }, newPagination), {
+                  request: rcConfigContextValue.materialsRequest,
+                  env: rcConfigContextValue.env
+                });
+              case 12:
+                return _context2.abrupt("return", _context2.sent);
+              case 13:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function request(_x) {
+          return _request.apply(this, arguments);
+        }
+        return request;
+      }(),
+      transformRequestData: function transformRequestData(data) {
+        if (_transformRequestData) {
+          return _transformRequestData(data);
+        }
+        return (data || []).map(function (e, index) {
+          return _extends({
+            id: index
+          }, e);
+        });
+      },
+      size: 'small',
+      rowKey: 'id',
+      columns: columns,
+      toolBars: false,
+      hideDefRowSelection: true,
+      showIndex: true,
+      isDynamicHeight: true
+    }
+  })));
+};
+export default ZDataStatDescription;

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

@@ -1,12 +1,16 @@
 import React from 'react';
 import type { DataTableInstance, DataTableProps } from '@ztocwst/rc-pro';
 import type { tabsSettingProps } from '../../data-common';
+import { TypeZDataStatDescriptionProps } from '../../../z-data-stat-description';
 export interface ChartRendererProps {
-    chartSetting?: DataTableProps | DataTableProps[] | React.ReactNode;
+    chartSetting?: DataTableProps | (DataTableProps & {
+        showIndexInfo: boolean;
+        indexInfo: TypeZDataStatDescriptionProps;
+    }[]) | React.ReactNode;
     tabsSetting?: tabsSettingProps;
     chartRenderRef?: React.Ref<DataTableInstance>;
     /** 确认 */
     onConfirm?: () => void;
 }
-declare const ChartRenderer: ({ chartRenderRef, tabsSetting, chartSetting, onConfirm }: ChartRendererProps) => any;
+declare const ChartRenderer: ({ chartRenderRef, tabsSetting, chartSetting, onConfirm, }: ChartRendererProps) => any;
 export default ChartRenderer;

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

@@ -4,6 +4,30 @@ import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
 import { TableRender, CustomRender } from '@ztocwst/rc-pro';
 import { getType } from '@ztocwst/rc-pro/es/components/DataTable/DataTable.helper';
 import { separator } from "../../data-common.helper";
+import ZDataStatDescription from "../../../z-data-stat-description";
+// 根据activeKey获取当前tab的chartSetting
+var getSettingByActiveKey = function getSettingByActiveKey(chartSetting, activeKey) {
+  // 目前只考虑tabs情况
+  if (Array.isArray(chartSetting) && activeKey) {
+    var _activeKey$split = activeKey.split(separator),
+      index = _activeKey$split[1];
+    return chartSetting[index];
+  }
+  return chartSetting;
+};
+
+// 获取指标集合
+var getIndexData = function getIndexData(chartSetting, activeKey) {
+  // 目前只考虑tabs情况
+  if (Array.isArray(chartSetting) && activeKey) {
+    var _current$indexJson, _current$indexJson$da;
+    var current = getSettingByActiveKey(chartSetting, activeKey);
+    return (current === null || current === void 0 ? void 0 : (_current$indexJson = current.indexJson) === null || _current$indexJson === void 0 ? void 0 : (_current$indexJson$da = _current$indexJson.data) === null || _current$indexJson$da === void 0 ? void 0 : _current$indexJson$da.map(function (e) {
+      return e.name;
+    })) || [];
+  }
+  return [];
+};
 var ChartRenderer = function ChartRenderer(_ref) {
   var chartRenderRef = _ref.chartRenderRef,
     tabsSetting = _ref.tabsSetting,
@@ -98,10 +122,26 @@ var ChartRenderer = function ChartRenderer(_ref) {
   if (isArray && !chartSetting.every(function (e) {
     return /*#__PURE__*/React.isValidElement(e);
   })) {
+    var getExtraContent = function getExtraContent() {
+      var _setting$indexInfo;
+      var setting = getSettingByActiveKey(chartSetting, activeKey);
+      if (!(setting !== null && setting !== void 0 && setting.showIndexInfo)) {
+        return null;
+      }
+      var qtaName = getIndexData(chartSetting, activeKey);
+      if (typeof (setting === null || setting === void 0 ? void 0 : (_setting$indexInfo = setting.indexInfo) === null || _setting$indexInfo === void 0 ? void 0 : _setting$indexInfo.qtaName) === 'function') {
+        var _setting$indexInfo2;
+        qtaName = setting === null || setting === void 0 ? void 0 : (_setting$indexInfo2 = setting.indexInfo) === null || _setting$indexInfo2 === void 0 ? void 0 : _setting$indexInfo2.qtaName(qtaName);
+      }
+      return /*#__PURE__*/React.createElement(ZDataStatDescription, _extends({}, setting.indexInfo, {
+        qtaName: qtaName
+      }));
+    };
     return /*#__PURE__*/React.createElement(_Tabs, _extends({}, tabsProps, {
       activeKey: activeKey,
       onTabClick: onTabClick,
-      onChange: handleTabsChange
+      onChange: handleTabsChange,
+      tabBarExtraContent: getExtraContent()
     }), chartSetting === null || chartSetting === void 0 ? void 0 : chartSetting.map(function (e, i) {
       return /*#__PURE__*/React.createElement(_Tabs.TabPane, {
         tab: "" + ((e === null || e === void 0 ? void 0 : e.title) || ''),

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { ProFormRenderProps, DataTableProps } from '@ztocwst/rc-pro';
+import { TypeZDataStatDescriptionProps } from '../z-data-stat-description';
 export interface tabsSettingProps {
     onTabClick?: () => void;
     extraProps?: () => Record<string, any> | Record<string, any>;
@@ -10,7 +11,10 @@ export interface TypeZTemplatesDataCommonProps {
     /** 页签配置 */
     tabsSetting?: tabsSettingProps;
     /** 内容区配置 */
-    chartSetting: DataTableProps | DataTableProps[] | React.ReactNode;
+    chartSetting: DataTableProps | (DataTableProps & {
+        showIndexInfo: boolean;
+        indexInfo: TypeZDataStatDescriptionProps;
+    }[]) | React.ReactNode;
     _unsafe_MixedSetter_chartSetting_select?: any;
 }
 export default class ZTemplatesDataCommonContainer extends React.Component<TypeZTemplatesDataCommonProps, any> {

package/es/index.d.ts

@@ -44,3 +44,5 @@ export { default as ZWatermark } from './components/z-watermark';
 export type { TypeWatermarkProps } from './components/z-watermark';
 export { default as ZDataStat } from './components/z-data-stat';
 export type { TypeZDataStatProps } from './components/z-data-stat';
+export { default as ZDataStatDescription } from './components/z-data-stat-description';
+export type { TypeZDataStatDescriptionProps } from './components/z-data-stat-description';

package/es/index.js

@@ -28,6 +28,7 @@ export { default as ZTemplatesDataCommon } from "./components/z-templates-data-c
 export { default as ZSlick } from "./components/z-slick";
 export { default as ZWatermark } from "./components/z-watermark";
 export { default as ZDataStat } from "./components/z-data-stat";
+export { default as ZDataStatDescription } from "./components/z-data-stat-description";
 
 // const bizCssPrefix = 'bizpack';
 

package/es/style.js

@@ -21,6 +21,8 @@ import 'antd/es/row/style';
 import 'antd/es/col/style';
 import 'antd/es/message/style';
 import 'antd/es/tabs/style';
+import 'antd/es/drawer/style';
+import 'antd/es/tooltip/style';
 import 'antd/es/carousel/style';
 import 'antd/es/spin/style';
 import 'antd/es/list/style';

package/lib/components/z-data-stat-description/index.d.ts

@@ -0,0 +1,3 @@
+import ZDataStatDescription from './z-data-stat-description';
+export type { TypeZDataStatDescriptionProps } from './z-data-stat-description';
+export default ZDataStatDescription;

package/lib/components/z-data-stat-description/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _zDataStatDescription = _interopRequireDefault(require("./z-data-stat-description"));
+var _default = exports["default"] = _zDataStatDescription["default"];

package/lib/components/z-data-stat-description/z-data-stat-description.d.ts

@@ -0,0 +1,34 @@
+import { TableColumnProps } from '@ztocwst/rc-pro';
+export type TypeZDataStatDescriptionProps = {
+    /** 指标表格列配置 */
+    columns: TableColumnProps[];
+    /** 指标名称集合, 支持异步返回 */
+    qtaName: string[] | (() => Promise<string[]>);
+    /**
+     * 宽度
+     * @default 620
+     */
+    width?: number;
+    /**
+     * 数据转换
+     * @description 如果数组没有返回id，建议 返回id，表格的rowKey 为 id
+     */
+    transformRequestData?: (data: any) => any;
+    /**
+     * 标题
+     * @default '指标说明'
+     * */
+    title?: string;
+    /**
+     * 提示
+     * @default '点击查看本页面所有指标相关口径、来源、责任部门'
+     */
+    tooltip?: string;
+    /**
+     * 数据集
+     * @default 'getBusinessCaliberList'
+     */
+    dataSetName?: string;
+};
+declare const ZDataStatDescription: (props: TypeZDataStatDescriptionProps) => JSX.Element;
+export default ZDataStatDescription;

package/lib/components/z-data-stat-description/z-data-stat-description.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _drawer = _interopRequireDefault(require("antd/lib/drawer"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var _rcPro = require("@ztocwst/rc-pro");
+var _icons = require("@ant-design/icons");
+var _util = require("../z-data-stat/util");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// http://scm.gateway.dev.ztyc.com/data/forward/v1/bigdata/report/getBusinessCaliberList
+// {"bigDataBody":{"env":"dev","dataSetName":"getBusinessCaliberList","qta_name":["推单包裹数","已发包裹数","未发包裹数","发货达成率","取消包裹数","暂挂包裹数","待处理包裹数","预处理完成包裹数","波次中包裹数","波次完成包裹数","拣货中包裹数","拣货完成包裹数","复核中包裹数","复核完成包裹数","打包中包裹数","打包完成包裹数","称重完成包裹数","揽收包裹数","已发货未揽收包裹数","揽收达成率","首中心到达包裹数","首中心未到达包裹数","配送中包裹数","已签收包裹数","推单件数","推单包裹客单件","推单批量包裹数","推单散单包裹数","推单包裹批量单占比","未发包裹件数","未发包裹客单件","未发批量包裹数","未发散单包裹数","未发包裹批量单占比","已发包裹件数","已发包裹客单件","已发批量包裹数","已发散单包裹数","已发包裹批量单占比","取消单包裹占比","待处理包裹客单件","待处理批量包裹数","待处理散单包裹数","待处理包裹批量单占比","预处理完成包裹客单件","预处理完成批量包裹数","预处理完成散单包裹数","预处理完成包裹批量单占比","波次中包裹客单件","波次中批量包裹数","波次中散单包裹数","波次中包裹批量单占比","波次完成包裹客单件","波次完成批量包裹数","波次完成散单包裹数","波次完成包裹批量单占比","拣货中包裹客单件","拣货中批量包裹数","拣货中散单包裹数","拣货中包裹批量单占比","拣货完成包裹客单件","拣货完成批量包裹数","拣货完成散单包裹数","拣货完成包裹批量单占比","复核中包裹客单件","复核中批量包裹数","复核中散单包裹数","复核中包裹批量单占比","复核完成包裹客单件","复核完成批量包裹数","复核完成散单包裹数","复核完成包裹批量单占比","打包中包裹客单件","打包中批量包裹数","打包中散单包裹数","打包中包裹批量单占比","打包完成包裹客单件","打包完成批量包裹数","打包完成散单包裹数","打包完成包裹批量单占比","称重完成包裹客单件","称重完成批量包裹数","称重完成散单包裹数","称重完成包裹批量单占比","实际批量单客单件","实际批量单SKU数","实际散单客单件","实际散单SKU数"],"pageNum":1,"pageSize":20}}
+// {
+//   "total": 37,
+//   "size": 20,
+//   "page": 1,
+//   "data": [
+//     {
+//       "businessCaliber": "指标定义：取消单包裹数量\n数据来源：仓配一体来自SCM\\/WMS, 快进快出来自景天导入",
+//       "qtaName": "取消包裹数",
+//       "dataSource": ""
+//     },
+//   ]
+// }
+var ZDataStatDescription = function ZDataStatDescription(props) {
+  var _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    _props$qtaName = props.qtaName,
+    qtaName = _props$qtaName === void 0 ? [] : _props$qtaName,
+    _props$title = props.title,
+    title = _props$title === void 0 ? '指标说明' : _props$title,
+    _props$tooltip = props.tooltip,
+    tooltip = _props$tooltip === void 0 ? '点击查看本页面所有指标相关口径、来源、责任部门' : _props$tooltip,
+    _props$dataSetName = props.dataSetName,
+    dataSetName = _props$dataSetName === void 0 ? 'getBusinessCaliberList' : _props$dataSetName,
+    _transformRequestData = props.transformRequestData,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 620 : _props$width;
+  var rcConfigContextValue = (0, _react.useContext)(_rcPro.RcConfigContext);
+  var tableRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  var openDrawer = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // if (!qtaName) {
+            //   return message.error('请配置查询指标');
+            // }
+            // let tempQta_name = [];
+            // if (typeof qtaName === 'function') {
+            //   const { index: QtaArr } = await qtaName?.();
+            //   tempQta_name = QtaArr;
+            // } else {
+            //   tempQta_name = [...new Set((qtaName || []).map((e: any) => e?.name || e?.description))];
+            // }
+            // setQta_name(tempQta_name);
+
+            // setTimeout(() => {
+            setOpen(true);
+            // tableRef.current?.refreshTable();
+            // }, 0);
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function openDrawer() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_rcPro.ProButton, {
+    items: [{
+      name: title,
+      action: 'xxx',
+      onClick: openDrawer,
+      props: {
+        type: 'link',
+        color: 'default',
+        icon: /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+          title: tooltip
+        }, /*#__PURE__*/_react["default"].createElement(_icons.InfoCircleOutlined, null))
+      }
+    }]
+  }), /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
+    width: width,
+    destroyOnClose: true,
+    title: title,
+    visible: open,
+    open: open,
+    onClose: function onClose() {
+      return setOpen(false);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_rcPro.ProTable, {
+    ref: tableRef,
+    config: {
+      manual: false,
+      request: function () {
+        var _request = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(_ref2) {
+          var pagination, newPagination, _qtaName;
+          return _regenerator["default"].wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                pagination = _ref2.pagination;
+                newPagination = {
+                  pageNum: pagination === null || pagination === void 0 ? void 0 : pagination.current,
+                  pageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize
+                };
+                _qtaName = qtaName || [];
+                if (!(typeof qtaName === 'function')) {
+                  _context2.next = 10;
+                  break;
+                }
+                _context2.next = 6;
+                return qtaName === null || qtaName === void 0 ? void 0 : qtaName();
+              case 6:
+                _context2.t0 = _context2.sent;
+                if (_context2.t0) {
+                  _context2.next = 9;
+                  break;
+                }
+                _context2.t0 = [];
+              case 9:
+                _qtaName = _context2.t0;
+              case 10:
+                _context2.next = 12;
+                return (0, _util.getReportData)((0, _extends2["default"])({
+                  dataSetName: dataSetName,
+                  qta_name: [].concat(new Set(_qtaName))
+                }, newPagination), {
+                  request: rcConfigContextValue.materialsRequest,
+                  env: rcConfigContextValue.env
+                });
+              case 12:
+                return _context2.abrupt("return", _context2.sent);
+              case 13:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function request(_x) {
+          return _request.apply(this, arguments);
+        }
+        return request;
+      }(),
+      transformRequestData: function transformRequestData(data) {
+        if (_transformRequestData) {
+          return _transformRequestData(data);
+        }
+        return (data || []).map(function (e, index) {
+          return (0, _extends2["default"])({
+            id: index
+          }, e);
+        });
+      },
+      size: 'small',
+      rowKey: 'id',
+      columns: columns,
+      toolBars: false,
+      hideDefRowSelection: true,
+      showIndex: true,
+      isDynamicHeight: true
+    }
+  })));
+};
+var _default = exports["default"] = ZDataStatDescription;

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

@@ -1,12 +1,16 @@
 import React from 'react';
 import type { DataTableInstance, DataTableProps } from '@ztocwst/rc-pro';
 import type { tabsSettingProps } from '../../data-common';
+import { TypeZDataStatDescriptionProps } from '../../../z-data-stat-description';
 export interface ChartRendererProps {
-    chartSetting?: DataTableProps | DataTableProps[] | React.ReactNode;
+    chartSetting?: DataTableProps | (DataTableProps & {
+        showIndexInfo: boolean;
+        indexInfo: TypeZDataStatDescriptionProps;
+    }[]) | React.ReactNode;
     tabsSetting?: tabsSettingProps;
     chartRenderRef?: React.Ref<DataTableInstance>;
     /** 确认 */
     onConfirm?: () => void;
 }
-declare const ChartRenderer: ({ chartRenderRef, tabsSetting, chartSetting, onConfirm }: ChartRendererProps) => any;
+declare const ChartRenderer: ({ chartRenderRef, tabsSetting, chartSetting, onConfirm, }: ChartRendererProps) => any;
 export default ChartRenderer;

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

@@ -9,8 +9,32 @@ var _react = _interopRequireWildcard(require("react"));
 var _rcPro = require("@ztocwst/rc-pro");
 var _DataTable = require("@ztocwst/rc-pro/es/components/DataTable/DataTable.helper");
 var _dataCommon = require("../../data-common.helper");
+var _zDataStatDescription = _interopRequireDefault(require("../../../z-data-stat-description"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+// 根据activeKey获取当前tab的chartSetting
+var getSettingByActiveKey = function getSettingByActiveKey(chartSetting, activeKey) {
+  // 目前只考虑tabs情况
+  if (Array.isArray(chartSetting) && activeKey) {
+    var _activeKey$split = activeKey.split(_dataCommon.separator),
+      index = _activeKey$split[1];
+    return chartSetting[index];
+  }
+  return chartSetting;
+};
+
+// 获取指标集合
+var getIndexData = function getIndexData(chartSetting, activeKey) {
+  // 目前只考虑tabs情况
+  if (Array.isArray(chartSetting) && activeKey) {
+    var _current$indexJson, _current$indexJson$da;
+    var current = getSettingByActiveKey(chartSetting, activeKey);
+    return (current === null || current === void 0 ? void 0 : (_current$indexJson = current.indexJson) === null || _current$indexJson === void 0 ? void 0 : (_current$indexJson$da = _current$indexJson.data) === null || _current$indexJson$da === void 0 ? void 0 : _current$indexJson$da.map(function (e) {
+      return e.name;
+    })) || [];
+  }
+  return [];
+};
 var ChartRenderer = function ChartRenderer(_ref) {
   var chartRenderRef = _ref.chartRenderRef,
     tabsSetting = _ref.tabsSetting,
@@ -105,10 +129,26 @@ var ChartRenderer = function ChartRenderer(_ref) {
   if (isArray && !chartSetting.every(function (e) {
     return /*#__PURE__*/_react["default"].isValidElement(e);
   })) {
+    var getExtraContent = function getExtraContent() {
+      var _setting$indexInfo;
+      var setting = getSettingByActiveKey(chartSetting, activeKey);
+      if (!(setting !== null && setting !== void 0 && setting.showIndexInfo)) {
+        return null;
+      }
+      var qtaName = getIndexData(chartSetting, activeKey);
+      if (typeof (setting === null || setting === void 0 ? void 0 : (_setting$indexInfo = setting.indexInfo) === null || _setting$indexInfo === void 0 ? void 0 : _setting$indexInfo.qtaName) === 'function') {
+        var _setting$indexInfo2;
+        qtaName = setting === null || setting === void 0 ? void 0 : (_setting$indexInfo2 = setting.indexInfo) === null || _setting$indexInfo2 === void 0 ? void 0 : _setting$indexInfo2.qtaName(qtaName);
+      }
+      return /*#__PURE__*/_react["default"].createElement(_zDataStatDescription["default"], (0, _extends2["default"])({}, setting.indexInfo, {
+        qtaName: qtaName
+      }));
+    };
     return /*#__PURE__*/_react["default"].createElement(_tabs["default"], (0, _extends2["default"])({}, tabsProps, {
       activeKey: activeKey,
       onTabClick: onTabClick,
-      onChange: handleTabsChange
+      onChange: handleTabsChange,
+      tabBarExtraContent: getExtraContent()
     }), chartSetting === null || chartSetting === void 0 ? void 0 : chartSetting.map(function (e, i) {
       return /*#__PURE__*/_react["default"].createElement(_tabs["default"].TabPane, {
         tab: "" + ((e === null || e === void 0 ? void 0 : e.title) || ''),