@ztocwst/rc-pro-materials 0.2.53 → 0.2.55

package/es/components/z-data-stat/components/StepBlock/index.less

@@ -1,40 +0,0 @@
-@gap: 12px;
-
-.rc-step-block {
-  padding: 12px;
-  border-radius: 8px;
-
-  .rc-step-block_title {
-    margin-right: 16px;
-    color: #262626;
-    font-weight: 500;
-    font-size: 15px;
-  }
-
-  .rc-step-block_value {
-    font-weight: 600;
-    font-size: 18px;
-  }
-
-  .rc-step-block_content {
-    display: flex;
-    gap: @gap;
-    margin-top: 16px;
-  }
-
-  .rc-step-block_content-item {
-    flex: 1;
-  }
-
-  .rc-step-block_content-target {
-    position: relative;
-    flex: 1;
-  }
-
-  .rc-step-block_item-svg {
-    position: absolute;
-    bottom: -24px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-}

package/es/components/z-data-stat/components/StepBlock/interface.d.ts

@@ -1,11 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { TargetBlockProps } from '../TargetBlock/interface';
-export interface StepBlockProps {
-    title: string;
-    dataIndex: string;
-    columns: TargetBlockProps[][];
-    data?: Record<string, any>;
-    direction?: string;
-    style?: CSSProperties | undefined;
-    valueStyle?: CSSProperties | undefined;
-}

package/es/components/z-data-stat/components/StepBlock/interface.js

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

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import './index.less';
-import type { TargetBlockProps } from './interface';
-declare const TargetBlock: React.FC<TargetBlockProps>;
-export default TargetBlock;

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

@@ -1,106 +0,0 @@
-import _Progress from "antd/es/progress";
-import React from 'react';
-import "./index.less";
-import { handlePercent, handleValueFormat } from "../../util";
-var TargetBlock = function TargetBlock(props) {
-  var _processValue, _processValue2, _data$progress$dataIn;
-  var name = props.name,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    _props$valueStyle = props.valueStyle,
-    valueStyle = _props$valueStyle === void 0 ? {} : _props$valueStyle,
-    progress = props.progress,
-    cTargets = props.cTargets,
-    icon = props.icon,
-    data = props.data,
-    dataIndex = props.dataIndex,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'vertical' : _props$direction,
-    handleClick = props.handleClick,
-    valueType = props.valueType;
-  // const _iconProps = {
-  //   ...(iconProps ?? {}),
-  //   style: {
-  //     fontSize: '14px',
-  //     position: 'absolute',
-  //     top: '-1px',
-  //     left: '0',
-  //     ...(iconProps?.style ?? {}),
-  //   },
-  // };
-  var targetNameClass = "rc-target-block_name " + (handleClick ? 'rc-target-block_name_underline' : '');
-  var processValue = function processValue(value) {
-    if (!valueType) {
-      return value;
-    }
-    switch (valueType) {
-      case 'thousandth':
-        return handleValueFormat(value);
-      case 'percent':
-        return handlePercent(value);
-      default:
-        return value;
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "rc-target-block " + className,
-    style: style,
-    onClick: function onClick() {
-      handleClick === null || handleClick === void 0 ? void 0 : handleClick(data, dataIndex, cTargets);
-    }
-  }, direction === 'vertical' ? /*#__PURE__*/React.createElement("div", {
-    className: "rc-target-block_name-value"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: targetNameClass
-  }, name), /*#__PURE__*/React.createElement("div", {
-    className: "rc-target-block_value",
-    style: valueStyle
-  }, (_processValue = processValue(data === null || data === void 0 ? void 0 : data[dataIndex])) !== null && _processValue !== void 0 ? _processValue : '-')) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-    className: targetNameClass,
-    style: {
-      marginRight: '12px'
-    }
-  }, name), /*#__PURE__*/React.createElement("span", {
-    className: "rc-target-block_value",
-    style: valueStyle
-  }, (_processValue2 = processValue(data === null || data === void 0 ? void 0 : data[dataIndex])) !== null && _processValue2 !== void 0 ? _processValue2 : '-')), progress && /*#__PURE__*/React.createElement("div", {
-    className: "rc-target-block_progress",
-    style: progress.style
-  }, /*#__PURE__*/React.createElement(_Progress, {
-    size: "small",
-    percent: data === null || data === void 0 ? void 0 : data[progress.dataIndex],
-    showInfo: false
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontWeight: '400',
-      fontSize: '12px',
-      color: '#487FFB',
-      width: '110px',
-      background: '#EEF2FD',
-      borderRadius: '4px',
-      padding: '2px 4px',
-      marginLeft: '8px',
-      textAlign: 'center'
-    }
-  }, /*#__PURE__*/React.createElement("span", null, (_data$progress$dataIn = data === null || data === void 0 ? void 0 : data[progress.dataIndex]) !== null && _data$progress$dataIn !== void 0 ? _data$progress$dataIn : '-', "%"), /*#__PURE__*/React.createElement("span", null, progress === null || progress === void 0 ? void 0 : progress.text))), icon && icon, cTargets && /*#__PURE__*/React.createElement("div", {
-    className: "rc-target-block_ctarget"
-  }, cTargets.map(function (item, i) {
-    var _ref, _data$item$dataIndex;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "rc-target-block_ctarget-content",
-      style: (i + 1) % 2 === 0 ? {
-        justifySelf: 'end',
-        textAlign: 'right'
-      } : {},
-      key: (item === null || item === void 0 ? void 0 : item.name) || i
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "rc-target-block_ctarget-name"
-    }, (item === null || item === void 0 ? void 0 : item.prefix) || '', item === null || item === void 0 ? void 0 : item.name), /*#__PURE__*/React.createElement("span", {
-      className: "rc-target-block_ctarget-value",
-      style: (item === null || item === void 0 ? void 0 : item.style) || {}
-    }, (_ref = (_data$item$dataIndex = data === null || data === void 0 ? void 0 : data[item === null || item === void 0 ? void 0 : item.dataIndex]) !== null && _data$item$dataIndex !== void 0 ? _data$item$dataIndex : item === null || item === void 0 ? void 0 : item.value) !== null && _ref !== void 0 ? _ref : '-', (item === null || item === void 0 ? void 0 : item.suffix) || ''));
-  })));
-};
-export default TargetBlock;

package/es/components/z-data-stat/components/TargetBlock/index.less

@@ -1,65 +0,0 @@
-.rc-target-block {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #f0f0f0;
-  border-radius: 8px;
-
-  .rc-target-block_name-value {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-  }
-
-  .rc-target-block_name {
-    margin-right: 4px;
-    color: #666;
-    font-weight: bold;
-    font-size: 14px;
-  }
-
-  .rc-target-block_name_underline {
-    text-decoration: underline;
-    cursor: pointer;
-    text-underline-offset: 4px;
-  }
-
-  .rc-target-block_value {
-    font-weight: 700;
-    font-size: 14px;
-    text-align: right;
-  }
-
-  .rc-target-block_progress {
-    display: flex;
-    width: 100%;
-    margin-top: 4px;
-  }
-
-  .rc-target-block_ctarget {
-    // display: grid;
-    // grid-template-columns: 1fr 1fr;
-    display: flex;
-    justify-content: space-between;
-    margin-top: 4px;
-  }
-
-  // .rc-target-block_ctarget-content {
-  //   // display: flex;
-  //   // justify-content: space-between;
-  // }
-
-  .rc-target-block_ctarget-name {
-    margin-right: 4px;
-    color: #898989;
-    font-size: 12px;
-  }
-
-  .rc-target-block_ctarget-value {
-    font-weight: bold;
-    font-size: 12px;
-    text-align: right;
-  }
-}

package/es/components/z-data-stat/components/TargetBlock/interface.d.ts

@@ -1,31 +0,0 @@
-import type { CSSProperties } from 'react';
-export interface Target {
-    name: string;
-    dataIndex?: string;
-    value?: string;
-    prefix?: string | React.ReactElement;
-    suffix?: string | React.ReactElement;
-    style?: CSSProperties | undefined;
-}
-export interface TargetBlockProps {
-    data?: Record<string, any>;
-    name: string;
-    dataIndex: string;
-    handleClick?: (data: any, dataIndex: string, indexes: Target[]) => void;
-    suffix?: string | React.ReactElement;
-    style?: CSSProperties | undefined;
-    valueStyle?: CSSProperties | undefined;
-    className?: string;
-    hiddenArrow?: boolean;
-    icon?: React.ReactNode;
-    progress?: {
-        dataIndex: string;
-        text: string;
-        style?: CSSProperties | undefined;
-    };
-    direction?: string;
-    /** 额外指标 */
-    cTargets?: Target[];
-    /** 千分位 | 百分比(保留两位小数) */
-    valueType?: 'thousandth' | 'percent';
-}

package/es/components/z-data-stat/components/TargetBlock/interface.js

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

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

@@ -1,7 +0,0 @@
-import { StepBlockProps } from './StepBlock/interface';
-import TargetBlock from './TargetBlock';
-import CardDetail, { useCardDetailRef } from './CardDetail';
-import StepBlock from './StepBlock';
-import type { CardDetailProps, CardDetailRef } from './CardDetail/interface';
-export { TargetBlock, CardDetail, StepBlock, useCardDetailRef };
-export type { CardDetailProps, CardDetailRef, StepBlockProps };

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

@@ -1,4 +0,0 @@
-import TargetBlock from "./TargetBlock";
-import CardDetail, { useCardDetailRef } from "./CardDetail";
-import StepBlock from "./StepBlock";
-export { TargetBlock, CardDetail, StepBlock, useCardDetailRef };

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import type { CardDetailProps } from './components/CardDetail/interface';
-import type { StepBlockProps } from './components/StepBlock/interface';
-export type TypeZDataStatProps = {
-    /** 查询参数 */
-    queryParams: Record<string, any> | (() => Promise<Record<string, any>>);
-    /** 自动加载 */
-    autoLoad?: boolean;
-    /** 数据集 */
-    datasetName: string;
-    /** 头部指标 */
-    dataStatColumns: CardDetailProps['columns'];
-    /** 详情维度 */
-    filter: CardDetailProps['filter'];
-    /** 卡片指标组 */
-    stepList: StepBlockProps[];
-};
-declare const ZDataStat: import("react").ForwardRefExoticComponent<TypeZDataStatProps & import("react").RefAttributes<any>>;
-export default ZDataStat;

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

@@ -1,326 +0,0 @@
-import _Spin from "antd/es/spin";
-import _extends from "@babel/runtime/helpers/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { CardDetail, StepBlock, useCardDetailRef } from "./components";
-import { useEffect, useState, useContext, useImperativeHandle, forwardRef } from 'react';
-import { getReportData, getQueryParams, getTargets, getStepBlockTarget } from "./util";
-import { RcConfigContext } from '@ztocwst/rc-pro';
-var generateQueryParams = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(queryParams) {
-    var q;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!(typeof queryParams === 'function')) {
-            _context.next = 5;
-            break;
-          }
-          _context.next = 3;
-          return queryParams();
-        case 3:
-          q = _context.sent;
-          return _context.abrupt("return", getQueryParams(q));
-        case 5:
-          return _context.abrupt("return", getQueryParams(queryParams));
-        case 6:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function generateQueryParams(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-// @ts-ignore
-var ZDataStat = /*#__PURE__*/forwardRef(function (props, ref) {
-  var dataStatColumns = props.dataStatColumns,
-    stepList = props.stepList,
-    filter = props.filter,
-    datasetName = props.datasetName,
-    autoLoad = props.autoLoad;
-
-  // @ts-ignore
-  var rcConfigContextValue = useContext(RcConfigContext);
-  var cardDetailRef = useCardDetailRef();
-  var _useState = useState(false),
-    stepDataLoading = _useState[0],
-    setStepDataLoading = _useState[1];
-  var _useState2 = useState({}),
-    stepData = _useState2[0],
-    setStepData = _useState2[1];
-  function getStepData(_x2, _x3) {
-    return _getStepData.apply(this, arguments);
-  }
-  function _getStepData() {
-    _getStepData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(data, params) {
-      var otherParams, dim, _filter, record, _yield$getReportData3, success, result, _result$data2, _data;
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            if (datasetName) {
-              _context6.next = 2;
-              break;
-            }
-            return _context6.abrupt("return");
-          case 2:
-            _context6.prev = 2;
-            otherParams = {};
-            dim = [];
-            if (data) {
-              _filter = data.filter, record = data.record;
-              dim = _filter.dim;
-              otherParams[_filter.key] = record.name ? [record.name] : undefined;
-            }
-            setStepDataLoading(true);
-            _context6.next = 9;
-            return getReportData({
-              dataSetName: datasetName,
-              target: [].concat(stepList.map(function (e) {
-                return getStepBlockTarget(e);
-              }).flat()),
-              dim: dim,
-              queryParams: _extends({}, otherParams, params)
-            }, {
-              request: rcConfigContextValue.materialsRequest,
-              env: rcConfigContextValue.env
-            });
-          case 9:
-            _yield$getReportData3 = _context6.sent;
-            success = _yield$getReportData3.success;
-            result = _yield$getReportData3.result;
-            if (success) {
-              if (result !== null && result !== void 0 && (_result$data2 = result.data) !== null && _result$data2 !== void 0 && _result$data2.length) {
-                _data = result.data[0];
-                Object.keys(_data).forEach(function (key) {
-                  _data[key] = _data[key];
-                });
-                setStepData(_data);
-              }
-            }
-          case 13:
-            _context6.prev = 13;
-            setStepDataLoading(false);
-            return _context6.finish(13);
-          case 16:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6, null, [[2,, 13, 16]]);
-    }));
-    return _getStepData.apply(this, arguments);
-  }
-  function getData(params) {
-    var _cardDetailRef$curren;
-    cardDetailRef === null || cardDetailRef === void 0 ? void 0 : (_cardDetailRef$curren = cardDetailRef.current) === null || _cardDetailRef$curren === void 0 ? void 0 : _cardDetailRef$curren.refresh({
-      params: params
-    });
-    getStepData(null, params);
-  }
-  useEffect(function () {
-    if (autoLoad) {
-      // 延迟执行，queryParams里异步获取表单时可能获取不到
-      setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var queryParams;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return generateQueryParams(props.queryParams);
-            case 2:
-              queryParams = _context2.sent;
-              getData(queryParams);
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      })), 200);
-    }
-  }, []);
-  useImperativeHandle(ref, function () {
-    return {
-      query: function () {
-        var _query = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(params) {
-          var queryParams;
-          return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.next = 2;
-                return generateQueryParams(props.queryParams);
-              case 2:
-                queryParams = _context3.sent;
-                getData(_extends({}, queryParams, params));
-              case 4:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }));
-        function query(_x4) {
-          return _query.apply(this, arguments);
-        }
-        return query;
-      }()
-    };
-  }, []);
-  var cProps = {
-    loading: false,
-    columns: dataStatColumns,
-    // todo CardDetailProps
-    request: function () {
-      var _request = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(options) {
-        var _yield$getReportData, success, result, _result$data, _data;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              if (datasetName) {
-                _context4.next = 2;
-                break;
-              }
-              return _context4.abrupt("return", []);
-            case 2:
-              _context4.next = 4;
-              return getReportData({
-                dataSetName: datasetName,
-                target: getTargets(dataStatColumns),
-                queryParams: _extends({}, options.params)
-              }, {
-                request: rcConfigContextValue.materialsRequest,
-                env: rcConfigContextValue.env
-              });
-            case 4:
-              _yield$getReportData = _context4.sent;
-              success = _yield$getReportData.success;
-              result = _yield$getReportData.result;
-              if (!success) {
-                _context4.next = 16;
-                break;
-              }
-              if (!(result !== null && result !== void 0 && (_result$data = result.data) !== null && _result$data !== void 0 && _result$data.length)) {
-                _context4.next = 13;
-                break;
-              }
-              _data = result.data[0];
-              return _context4.abrupt("return", _data);
-            case 13:
-              return _context4.abrupt("return", []);
-            case 14:
-              _context4.next = 17;
-              break;
-            case 16:
-              return _context4.abrupt("return", []);
-            case 17:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      function request(_x5) {
-        return _request.apply(this, arguments);
-      }
-      return request;
-    }(),
-    filter: filter,
-    list: {
-      columns: [].concat(dataStatColumns),
-      formatter: function formatter(data) {
-        return _extends({}, data);
-      },
-      request: function () {
-        var _request2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(options) {
-          var _filter$dim;
-          var pageNum, pageSize, filter, params, _yield$getReportData2, success, result;
-          return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
-              case 0:
-                pageNum = options.pageNum, pageSize = options.pageSize, filter = options.filter, params = options.params;
-                if (datasetName) {
-                  _context5.next = 3;
-                  break;
-                }
-                return _context5.abrupt("return", []);
-              case 3:
-                _context5.next = 5;
-                return getReportData({
-                  dataSetName: datasetName,
-                  pageNum: pageNum,
-                  pageSize: pageSize,
-                  target: getTargets(dataStatColumns),
-                  dim: filter === null || filter === void 0 ? void 0 : filter.dim,
-                  queryParams: _extends({}, params),
-                  // alias 目前写死name
-                  columns: filter === null || filter === void 0 ? void 0 : (_filter$dim = filter.dim) === null || _filter$dim === void 0 ? void 0 : _filter$dim.filter(function (e) {
-                    return e.alias;
-                  }).map(function (e) {
-                    return {
-                      alias: e.alias,
-                      description: e.description
-                    };
-                  })
-                  // [
-                  //   { alias: 'name', description:  },
-                  //   // { alias: 'name', description: '大区名称' },
-                  //   // { alias: 'name', description: '仓库名称' },
-                  // ],
-                }, {
-                  request: rcConfigContextValue.materialsRequest,
-                  env: rcConfigContextValue.env
-                });
-              case 5:
-                _yield$getReportData2 = _context5.sent;
-                success = _yield$getReportData2.success;
-                result = _yield$getReportData2.result;
-                if (!success) {
-                  _context5.next = 11;
-                  break;
-                }
-                if (!result.data) {
-                  _context5.next = 11;
-                  break;
-                }
-                return _context5.abrupt("return", result.data.map(function (_data) {
-                  return _extends({}, _data);
-                }));
-              case 11:
-                return _context5.abrupt("return", []);
-              case 12:
-              case "end":
-                return _context5.stop();
-            }
-          }, _callee5);
-        }));
-        function request(_x6) {
-          return _request2.apply(this, arguments);
-        }
-        return request;
-      }(),
-      handleClick: function handleClick(data) {
-        getStepData(data);
-      }
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, /*#__PURE__*/React.createElement(CardDetail, _extends({
-    ref: cardDetailRef
-  }, cProps, {
-    handleClick: getStepData
-  })), /*#__PURE__*/React.createElement(_Spin, {
-    spinning: stepDataLoading
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '16px'
-    }
-  }, stepList.map(function (_step, index) {
-    return /*#__PURE__*/React.createElement(StepBlock, _extends({
-      key: index
-    }, _step, {
-      data: stepData
-    }));
-  }))));
-});
-export default ZDataStat;

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

@@ -1,3 +0,0 @@
-import ZDataStat from './data-stat';
-export type { TypeZDataStatProps } from './data-stat';
-export default ZDataStat;

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

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

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

@@ -1,25 +0,0 @@
-export declare function reportQuery(path: string, data: Record<string, any>, other?: any): Promise<any>;
-/**
- * 海藻报表查询
- * @param data
- * @param other 请求方法\环境
- * @returns
- */
-export declare function getReportData(data: Record<string, any>, other: {
-    request: any;
-    env: string;
-}): Promise<any>;
-export declare function getStepBlockTarget(config: any): any[];
-export declare function getQueryParams(queryParams?: Record<string, any>): Record<string, any>;
-export declare function getTargets(columns?: any[]): any[];
-type IValue = number | string | null | undefined;
-export declare const handleDecimal: (value: IValue, decimal?: number) => string;
-export declare const handleThousand: (value: IValue) => IValue;
-export declare const handleValueFormat: (value: IValue, decimal?: number) => any;
-/** 数据类型 */
-export type valueType = number | string | null | undefined;
-/**
- * 百分比转化
- */
-export declare const handlePercent: (value: valueType, decimal?: number, unit?: number) => string;
-export {};