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

package/es/components/z-statistic/index.less

@@ -1,22 +1,22 @@
-.statistic-wrap {
-  display: flex;
-  flex-direction: row;
-
-  .statistic-title-suffix {
-    margin-left: 4px;
-  }
-
-  .statistic-left {
-    flex: 1;
-  }
-
-  .statistic-right {
-    text-align: right;
-  }
-
-  .statistic-right-title-extra {
-    margin-bottom: 4px;
-    font-size: 14px;
-    min-height: 22px;
-  }
-}
+.statistic-wrap {
+  display: flex;
+  flex-direction: row;
+
+  .statistic-title-suffix {
+    margin-left: 4px;
+  }
+
+  .statistic-left {
+    flex: 1;
+  }
+
+  .statistic-right {
+    text-align: right;
+  }
+
+  .statistic-right-title-extra {
+    margin-bottom: 4px;
+    font-size: 14px;
+    min-height: 22px;
+  }
+}

package/es/components/z-statistic/z-statistic.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { StatisticProps } from 'antd';
-import './index.less';
-export interface TypeZStatisticProps extends StatisticProps {
-    /** 标题后缀 */
-    titleSuffix?: string | React.ReactNode;
-    /** 标题附加内容 */
-    titleExtra?: string | React.ReactNode;
-    /** 值附加内容 */
-    valueExtra?: string | React.ReactNode;
-}
-declare const ZStatistic: (props: TypeZStatisticProps) => import("react").JSX.Element;
-export default ZStatistic;
+/// <reference types="react" />
+import { StatisticProps } from 'antd';
+import './index.less';
+export interface TypeZStatisticProps extends StatisticProps {
+    /** 标题后缀 */
+    titleSuffix?: string | React.ReactNode;
+    /** 标题附加内容 */
+    titleExtra?: string | React.ReactNode;
+    /** 值附加内容 */
+    valueExtra?: string | React.ReactNode;
+}
+declare const ZStatistic: (props: TypeZStatisticProps) => JSX.Element;
+export default ZStatistic;

package/es/components/z-table/index.d.ts

@@ -1,3 +1,3 @@
-import ZTable from './table';
-export type { ProTableProps } from '@ztocwst/rc-pro';
-export default ZTable;
+import ZTable from './table';
+export type { ProTableProps } from '@ztocwst/rc-pro';
+export default ZTable;

package/es/components/z-table/table.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import type { ProTableProps } from '@ztocwst/rc-pro';
-export default class ZTableContainer extends React.Component<ProTableProps, any> {
-    tableRef: any;
-    constructor(props: any);
-    getTableRef: () => any;
-    render(): React.JSX.Element;
-}
+import * as React from 'react';
+import type { ProTableProps } from '@ztocwst/rc-pro';
+export default class ZTableContainer extends React.Component<ProTableProps, any> {
+    tableRef: any;
+    constructor(props: any);
+    getTableRef: () => any;
+    render(): JSX.Element;
+}

package/es/components/z-table/table.js

@@ -13,7 +13,6 @@ var ZTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   } : {}));
 });
 var ZTableContainer = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(ZTableContainer, _React$Component);
   function ZTableContainer(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
@@ -24,6 +23,7 @@ var ZTableContainer = /*#__PURE__*/function (_React$Component) {
     _this.tableRef = /*#__PURE__*/React.createRef();
     return _this;
   }
+  _inheritsLoose(ZTableContainer, _React$Component);
   var _proto = ZTableContainer.prototype;
   _proto.render = function render() {
     return /*#__PURE__*/React.createElement(ZTable, _extends({}, this.props, {

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

@@ -1,14 +1,12 @@
-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;
+import React from 'react';
+import type { DataTableInstance, DataTableProps } from '@ztocwst/rc-pro';
+import type { tabsSettingProps } from '../../data-common';
+export interface ChartRendererProps {
+    chartSetting?: DataTableProps | DataTableProps[] | React.ReactNode;
+    tabsSetting?: tabsSettingProps;
+    chartRenderRef?: React.Ref<DataTableInstance>;
+    /** 确认 */
+    onConfirm?: () => void;
+}
+declare const ChartRenderer: ({ chartRenderRef, tabsSetting, chartSetting, onConfirm }: ChartRendererProps) => any;
+export default ChartRenderer;

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

@@ -1,15 +1,20 @@
 import _Tabs from "antd/es/tabs";
 import _extends from "@babel/runtime/helpers/extends";
 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 TableRenderer from "../table-renderer";
-import CustomRenderer from "../custom-renderer";
 var ChartRenderer = function ChartRenderer(_ref) {
   var chartRenderRef = _ref.chartRenderRef,
+    tabsSetting = _ref.tabsSetting,
     chartSetting = _ref.chartSetting,
     onConfirm = _ref.onConfirm;
-  var isObject = Object.prototype.toString.call(chartSetting) === '[object Object]';
+  var isObject = getType(chartSetting) === 'object';
   var isArray = Array.isArray(chartSetting);
+  var _ref2 = tabsSetting || {},
+    extraProps = _ref2.extraProps,
+    onTabClick = _ref2.onTabClick;
+  var tabsProps = _extends({}, getType(extraProps) === 'function' ? extraProps === null || extraProps === void 0 ? void 0 : extraProps() : extraProps);
   var _chartRef = useRef({});
   var _useState = useState(),
     activeKey = _useState[0],
@@ -30,6 +35,9 @@ var ChartRenderer = function ChartRenderer(_ref) {
       (_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);
     }
   };
+  var getCurrentKey = function getCurrentKey() {
+    return activeKey;
+  };
   useEffect(function () {
     if (isObject && ! /*#__PURE__*/React.isValidElement(chartSetting)) {
       setActiveKey(chartSetting === null || chartSetting === void 0 ? void 0 : chartSetting.dataSetName);
@@ -50,12 +58,13 @@ var ChartRenderer = function ChartRenderer(_ref) {
   useImperativeHandle(chartRenderRef, function () {
     return {
       onLink: onLink,
-      queryChart: queryChart
+      queryChart: queryChart,
+      getCurrentKey: getCurrentKey
     };
   });
 
   // react子节点
-  if ( /*#__PURE__*/React.isValidElement(chartSetting)) {
+  if (/*#__PURE__*/React.isValidElement(chartSetting)) {
     return chartSetting;
   }
 
@@ -68,8 +77,16 @@ var ChartRenderer = function ChartRenderer(_ref) {
 
   // 普通列表json对象
   if (isObject) {
-    return /*#__PURE__*/React.createElement(TableRenderer, _extends({}, chartSetting, {
-      activeKey: activeKey,
+    return chartSetting !== null && chartSetting !== void 0 && chartSetting.custom ? /*#__PURE__*/React.createElement(CustomRender, _extends({}, chartSetting, {
+      currentKey: activeKey,
+      separator: separator,
+      chartRef: function chartRef(ref) {
+        _chartRef.current[chartSetting === null || chartSetting === void 0 ? void 0 : chartSetting.dataSetName] = ref;
+      },
+      onConfirm: onConfirm
+    })) : /*#__PURE__*/React.createElement(TableRender, _extends({}, chartSetting, {
+      currentKey: activeKey,
+      separator: separator,
       chartRef: function chartRef(ref) {
         _chartRef.current[chartSetting === null || chartSetting === void 0 ? void 0 : chartSetting.dataSetName] = ref;
       },
@@ -81,21 +98,24 @@ var ChartRenderer = function ChartRenderer(_ref) {
   if (isArray && !chartSetting.every(function (e) {
     return /*#__PURE__*/React.isValidElement(e);
   })) {
-    return /*#__PURE__*/React.createElement(_Tabs, {
+    return /*#__PURE__*/React.createElement(_Tabs, _extends({}, tabsProps, {
       activeKey: activeKey,
+      onTabClick: onTabClick,
       onChange: handleTabsChange
-    }, chartSetting.map(function (e, i) {
+    }), 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) || ''),
         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,
+      }, e !== null && e !== void 0 && e.custom ? /*#__PURE__*/React.createElement(CustomRender, _extends({}, e, {
+        currentKey: activeKey,
+        separator: separator,
         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,
+      })) : /*#__PURE__*/React.createElement(TableRender, _extends({}, e, {
+        currentKey: activeKey,
+        separator: separator,
         chartRef: function chartRef(ref) {
           _chartRef.current["" + (e === null || e === void 0 ? void 0 : e.dataSetName) + separator + i] = ref;
         },

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

@@ -1,105 +1,20 @@
-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 {
-    /** 二级页标题 */
-    chartTitle?: string;
-    /** 标题 */
-    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[] | [];
-    linkPageTitle?: string;
-    /** 下钻二级页设置 */
-    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;
-}
+import React from 'react';
+import type { ProFormRenderProps, DataTableProps } from '@ztocwst/rc-pro';
+export interface tabsSettingProps {
+    onTabClick?: () => void;
+    extraProps?: () => Record<string, any> | Record<string, any>;
+}
+export interface TypeZTemplatesDataCommonProps {
+    /** 查询表单配置 */
+    querySetting: ProFormRenderProps;
+    /** 页签配置 */
+    tabsSetting?: tabsSettingProps;
+    /** 内容区配置 */
+    chartSetting: DataTableProps | DataTableProps[] | 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/es/components/z-templates-data-common/data-common.helper.d.ts

@@ -1,61 +1,2 @@
-/// <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>;
+/** 字符串分割符 */
+export declare const separator = "***";