@ztocwst/rc-pro-materials 0.2.37 → 0.2.39

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

@@ -0,0 +1,178 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+var token = 'scm:tenant:token:195002:100246:31773680-07c3-448e-99bb-70eea80907aa';
+export function reportQuery(_x, _x2, _x3) {
+  return _reportQuery.apply(this, arguments);
+}
+
+/**
+ * 海藻报表查询
+ * @param data
+ * @param other 请求方法\环境
+ * @returns
+ */
+function _reportQuery() {
+  _reportQuery = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(path, data, other) {
+    var res;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!(other && other.request)) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", other.request(path, {
+            method: 'post',
+            data: {
+              bigDataBody: _extends({
+                // 数据部环境只有  dev test prod(生产不传)
+                env: other.env === 'prod' ? undefined : other.env === 'dev' ? 'dev' : 'test'
+              }, data)
+            }
+          }));
+        case 2:
+          _context.next = 4;
+          return fetch("https://scm-gateway.ztocwst.com/data/forward/v1/bigdata/report/" + data.dataSetName, {
+            method: 'post',
+            body: JSON.stringify({
+              bigDataBody: _extends({}, data)
+            }),
+            headers: {
+              // ...headers,
+              'Content-Type': 'application/json',
+              token: token
+            }
+          });
+        case 4:
+          res = _context.sent;
+          return _context.abrupt("return", res.json());
+        case 6:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _reportQuery.apply(this, arguments);
+}
+export function getReportData(_x4, _x5) {
+  return _getReportData.apply(this, arguments);
+}
+function _getReportData() {
+  _getReportData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(data, other) {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          return _context2.abrupt("return", reportQuery("/data/forward/v1/bigdata/report/" + ((data === null || data === void 0 ? void 0 : data.dataSetName) || ''), data, other));
+        case 1:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _getReportData.apply(this, arguments);
+}
+export function getStepBlockTarget(config) {
+  var target = [];
+  config.columns.forEach(function (item) {
+    item.forEach(function (item1) {
+      target.push({
+        name: item1.dataIndex,
+        description: item1.dataIndex
+      });
+      if (item1.cTargets) {
+        item1.cTargets.forEach(function (cItem) {
+          target.push({
+            name: cItem.dataIndex,
+            description: cItem.dataIndex
+          });
+        });
+      }
+    });
+  });
+  return target;
+}
+export function getQueryParams(queryParams) {
+  if (queryParams === void 0) {
+    queryParams = {};
+  }
+  var values = queryParams; // formRef?.current?.getFieldsFormatValue?.();
+  Object.keys(values).forEach(function (k) {
+    var _values$k;
+    if (values[k] === '') {
+      values[k] = undefined;
+    }
+    if (Array.isArray(values[k]) && ((_values$k = values[k]) === null || _values$k === void 0 ? void 0 : _values$k.length) === 0) {
+      values[k] = undefined;
+    }
+  });
+  return values;
+}
+export function getTargets(columns) {
+  if (columns === void 0) {
+    columns = [];
+  }
+  var target = [];
+  columns.filter(function (v) {
+    return v.target !== false;
+  }).forEach(function (item) {
+    target.push({
+      name: item.dataIndex,
+      description: item.dataIndex
+    });
+    if (item.cTargets) {
+      item.cTargets.forEach(function (cItem) {
+        target.push({
+          name: cItem.dataIndex,
+          description: cItem.dataIndex
+        });
+      });
+    }
+  });
+  return target;
+}
+export var handleDecimal = function handleDecimal(value, decimal) {
+  if (decimal === void 0) {
+    decimal = 0;
+  }
+  if (value === null || value === undefined) return;
+  return Number(value).toFixed(decimal);
+};
+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 handleValueFormat = function handleValueFormat(value, decimal) {
+  if (decimal === void 0) {
+    decimal = 0;
+  }
+  var values = handleDecimal(value, decimal);
+  return handleThousand(values);
+};
+
+/** 数据类型 */
+
+/**
+ * 百分比转化
+ */
+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) + '%';
+};

package/es/components/z-pro-provider/z-pro-provider.js

@@ -1,15 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _ConfigProvider2 from "antd/es/config-provider";
+import _ConfigProvider from "antd/es/config-provider";
 import { useContext } from 'react';
 import ProProvider, { enUSIntl, zhCNIntl } from '@ant-design/pro-provider';
 import { ProFormValuesType } from '@ztocwst/rc-pro';
-import _ConfigProvider from 'antd/es/config-provider';
+// import _ConfigProvider from 'antd/es/config-provider';
+
 var ZProProvider = function ZProProvider(_ref) {
   var _context$locale;
   var locale = _ref.locale,
     children = _ref.children;
   var values = useContext(ProProvider);
-  var context = useContext(_ConfigProvider2.ConfigContext);
+  var context = useContext(_ConfigProvider.ConfigContext);
   var intl = zhCNIntl;
   var _locale = (locale || ((_context$locale = context.locale) === null || _context$locale === void 0 ? void 0 : _context$locale.locale) || 'zh-CN').toLocaleLowerCase();
   if (_locale === 'zh-cn') {
@@ -20,13 +21,14 @@ var ZProProvider = function ZProProvider(_ref) {
   return (
     /*#__PURE__*/
     // fix: 解决@ant-design/pro..里的ConfigProvider上下文不一致问题
-    // todo 应该有更好的方式
-    React.createElement(_ConfigProvider, context, /*#__PURE__*/React.createElement(ProProvider.Provider, {
+    // <_ConfigProvider {...context}>
+    React.createElement(ProProvider.Provider, {
       value: _extends({}, values, {
         intl: intl,
         valueTypeMap: _extends({}, ProFormValuesType)
       })
-    }, children))
+    }, children)
+    // </_ConfigProvider>
   );
 };
 export default ZProProvider;

package/es/index.d.ts

@@ -42,3 +42,5 @@ export { default as ZSlick } from './components/z-slick';
 export type { TypeZSlickProps } from './components/z-slick';
 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';

package/es/index.js

@@ -27,6 +27,7 @@ export { default as ZDataTable } from "./components/z-data-table";
 export { default as ZTemplatesDataCommon } from "./components/z-templates-data-common";
 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";
 
 // const bizCssPrefix = 'bizpack';
 

package/es/style.js

@@ -3,19 +3,27 @@ import 'antd/lib/progress/style';
 import 'antd/lib/table/style';
 import 'antd/lib/typography/style';
 import 'antd/lib/config-provider/style';
-import 'antd/es/config-provider/style';
 import 'antd/lib/row/style';
 import 'antd/lib/col/style';
 import 'antd/lib/message/style';
 import 'antd/lib/tabs/style';
 import 'antd/lib/carousel/style';
+import 'antd/lib/spin/style';
+import 'antd/lib/list/style';
+import 'antd/lib/empty/style';
+import 'antd/lib/popover/style';
 import 'antd/es/statistic/style';
 import 'antd/es/progress/style';
 import 'antd/es/table/style';
 import 'antd/es/typography/style';
+import 'antd/es/config-provider/style';
 import 'antd/es/row/style';
 import 'antd/es/col/style';
 import 'antd/es/message/style';
 import 'antd/es/tabs/style';
 import 'antd/es/carousel/style';
+import 'antd/es/spin/style';
+import 'antd/es/list/style';
+import 'antd/es/empty/style';
+import 'antd/es/popover/style';
 import './index.scss';

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { CardDetailRef } from './interface';
+import './index.less';
+declare const CardDetail: any;
+export declare function useCardDetailRef(): import("react").MutableRefObject<CardDetailRef>;
+export default CardDetail;

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

@@ -0,0 +1,335 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+exports.useCardDetailRef = useCardDetailRef;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _list = _interopRequireDefault(require("antd/lib/list"));
+var _empty = _interopRequireDefault(require("antd/lib/empty"));
+var _spin = _interopRequireDefault(require("antd/lib/spin"));
+var _popover = _interopRequireDefault(require("antd/lib/popover"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@ant-design/icons");
+var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
+var _TargetBlock = _interopRequireDefault(require("../TargetBlock"));
+require("./index.less");
+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; }
+var ContainerHeight = 200;
+
+// const pager = {
+//   pageNum: 1,
+//   pageSize: 6,
+// };
+
+var loadMore = true;
+var CardDetail = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  var _filter$columns, _filter$columns2, _filter$columns2$, _filter$columns2$$dim;
+  var columns = props.columns,
+    request = props.request,
+    list = props.list,
+    filter = props.filter,
+    handleClick = props.handleClick;
+  var _useState = (0, _react.useState)(filter === null || filter === void 0 ? void 0 : (_filter$columns = filter.columns) === null || _filter$columns === void 0 ? void 0 : _filter$columns[0]),
+    selectedFilter = _useState[0],
+    setSelectedFilter = _useState[1];
+  var _useState2 = (0, _react.useState)(false),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    openTable = _useState3[0],
+    setOpenTable = _useState3[1];
+  var _useState4 = (0, _react.useState)(false),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    listData = _useState5[0],
+    setListData = _useState5[1];
+  var _useState6 = (0, _react.useState)({}),
+    data = _useState6[0],
+    setData = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    headerLoading = _useState7[0],
+    setHeaderLoading = _useState7[1];
+  var _useState8 = (0, _react.useState)(''),
+    activeKey = _useState8[0],
+    setActiveKey = _useState8[1];
+  var pager = (0, _react.useRef)({
+    pageNum: 1,
+    pageSize: 6
+  });
+  function refresh(params) {
+    // setListData([]);
+    pager.current.pageNum = 1;
+    loadMore = true;
+    _getData((0, _extends2["default"])({}, pager.current, params));
+    getHeaderData(params);
+  }
+  function getHeaderData(_x) {
+    return _getHeaderData.apply(this, arguments);
+  }
+  function _getHeaderData() {
+    _getHeaderData = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(params) {
+      var _data;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setHeaderLoading(true);
+            _context.next = 4;
+            return request(params);
+          case 4:
+            _data = _context.sent;
+            setData(_data);
+          case 6:
+            _context.prev = 6;
+            setHeaderLoading(false);
+            return _context.finish(6);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0,, 6, 9]]);
+    }));
+    return _getHeaderData.apply(this, arguments);
+  }
+  var handleSelectFilter = function handleSelectFilter(item) {
+    setSelectedFilter(item);
+    pager.current.pageNum = 1;
+    setActiveKey('');
+    _getData({
+      filter: item,
+      pager: pager.current
+    });
+  };
+  function _getData(_x2) {
+    return _getData2.apply(this, arguments);
+  }
+  function _getData2() {
+    _getData2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(options) {
+      var _data;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            if (!(!loadMore && pager.current.pageNum > 1)) {
+              _context2.next = 3;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 3:
+            setLoading(true);
+            _context2.next = 6;
+            return list.request((0, _extends2["default"])({
+              filter: selectedFilter
+            }, options));
+          case 6:
+            _data = _context2.sent;
+            if (pager.current.pageNum === 1) {
+              setListData(_data === null || _data === void 0 ? void 0 : _data.map(function (v, idx) {
+                return (0, _extends2["default"])({}, v, {
+                  key: idx
+                });
+              }));
+            } else {
+              setListData(listData === null || listData === void 0 ? void 0 : listData.concat(_data).map(function (v, idx) {
+                return (0, _extends2["default"])({}, v, {
+                  key: idx
+                });
+              }));
+            }
+            if ((_data === null || _data === void 0 ? void 0 : _data.length) < pager.current.pageSize) {
+              loadMore = false;
+            }
+            pager.current.pageNum = pager.current.pageNum + 1;
+          case 10:
+            _context2.prev = 10;
+            setLoading(false);
+            return _context2.finish(10);
+          case 13:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0,, 10, 13]]);
+    }));
+    return _getData2.apply(this, arguments);
+  }
+  var onScroll = function onScroll(e) {
+    if (e.currentTarget.scrollHeight - e.currentTarget.scrollTop === ContainerHeight) {
+      _getData(pager.current);
+    }
+  };
+  var _handleClick = function _handleClick(item) {
+    setActiveKey(item.key);
+    handleClick === null || handleClick === void 0 ? void 0 : handleClick(item.key !== '' ? {
+      record: item,
+      filter: selectedFilter
+    } : null);
+  };
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      refresh: refresh
+    };
+  });
+  var noStyleCol = (_filter$columns2 = filter.columns) === null || _filter$columns2 === void 0 ? void 0 : (_filter$columns2$ = _filter$columns2[0]) === null || _filter$columns2$ === void 0 ? void 0 : (_filter$columns2$$dim = _filter$columns2$.dim) === null || _filter$columns2$$dim === void 0 ? void 0 : _filter$columns2$$dim.find(function (e) {
+    return e === null || e === void 0 ? void 0 : e.alias;
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rc-card-detail",
+    style: openTable ? {
+      marginBottom: '16px'
+    } : {}
+  }, /*#__PURE__*/_react["default"].createElement(_spin["default"], {
+    spinning: headerLoading
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rc-card-detail_header-data"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rc-card-detail_filter"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rc-card-detail_filter-content " + (openTable ? 'rc-card-detail_filter-content-before' : '')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rc-card-detail_filter-name"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      marginRight: '8px'
+    }
+  }, selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.label), /*#__PURE__*/_react["default"].createElement(_popover["default"], {
+    placement: "rightTop",
+    open: open,
+    trigger: "hover",
+    onOpenChange: function onOpenChange(_open) {
+      return setOpen(_open);
+    },
+    content: function content() {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "rc-card-detail_popover-content"
+      }, filter.columns.map(function (v) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          key: v.key,
+          className: "rc-card-detail_popover-content_item",
+          style: (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.key) === v.key ? {
+            color: '#008dff'
+          } : {},
+          onClick: function onClick() {
+            setOpen(false);
+            handleSelectFilter(v);
+          }
+        }, v.label, (selectedFilter === null || selectedFilter === void 0 ? void 0 : selectedFilter.key) === v.key && /*#__PURE__*/_react["default"].createElement(_icons.CheckOutlined, {
+          className: "active",
+          style: {
+            color: '#008dff'
+          }
+        }));
+      }));
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_icons.SettingOutlined, {
+    className: "rc-card-detail_setting"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: openTable ? {
+      cursor: 'pointer'
+    } : {
+      color: '#008dff',
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      setOpenTable(!openTable);
+    }
+  }, openTable ? /*#__PURE__*/_react["default"].createElement("span", null, "\u6536\u8D77") : /*#__PURE__*/_react["default"].createElement("span", null, "\u5C55\u5F00\u67E5\u770B"), /*#__PURE__*/_react["default"].createElement(_icons.DoubleRightOutlined, {
+    style: openTable ? {
+      transform: 'rotate(-90deg)'
+    } : {
+      transform: 'rotate(90deg)'
+    }
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rc-card-detail_header-target",
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      return _handleClick === null || _handleClick === void 0 ? void 0 : _handleClick({
+        key: ''
+      });
+    }
+  }, columns.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_TargetBlock["default"], (0, _extends2["default"])({
+      key: (item === null || item === void 0 ? void 0 : item.dataIndex) || index
+    }, item, {
+      data: data,
+      className: "rc-card-detail_header-target-item",
+      style: (0, _extends2["default"])({
+        minHeight: '60px'
+      }, activeKey === '' ? (0, _extends2["default"])({}, item === null || item === void 0 ? void 0 : item.style, {
+        border: '1px solid #487FFB'
+      }) : item === null || item === void 0 ? void 0 : item.style)
+    }));
+  })))), openTable && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rc-card-detail_list"
+  }, (listData === null || listData === void 0 ? void 0 : listData.length) === 0 && !loading && /*#__PURE__*/_react["default"].createElement(_empty["default"], {
+    className: "rc-dard-detail_list-empty",
+    image: _empty["default"].PRESENTED_IMAGE_SIMPLE
+  }), /*#__PURE__*/_react["default"].createElement(_spin["default"], {
+    spinning: loading
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '16px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_list["default"], {
+    split: false
+  }, /*#__PURE__*/_react["default"].createElement(_rcVirtualList["default"], {
+    data: listData,
+    height: ContainerHeight,
+    itemHeight: 47,
+    itemKey: "key",
+    onScroll: onScroll
+  }, function (item, idx) {
+    var _ref;
+    return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
+      key: item.key,
+      style: idx === listData.length - 1 ? {
+        padding: '0 16px 0 16px'
+      } : {
+        padding: '0 16px 16px 16px'
+      },
+      onClick: function onClick() {
+        return _handleClick === null || _handleClick === void 0 ? void 0 : _handleClick(item);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "rc-card-detail_list-item"
+    }, (_ref = [{
+      name: '',
+      dataIndex: noStyleCol === null || noStyleCol === void 0 ? void 0 : noStyleCol.alias,
+      noStyle: true,
+      target: false
+    }].concat(list.columns)) === null || _ref === void 0 ? void 0 : _ref.map(function (field) {
+      return field.noStyle ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "rc-card-detail_list-header",
+        key: field.dataIndex,
+        style: {
+          width: '108px'
+        }
+      }, item[field.dataIndex]) : /*#__PURE__*/_react["default"].createElement(_TargetBlock["default"], (0, _extends2["default"])({
+        key: field.dataIndex
+      }, field, {
+        data: item,
+        className: "rc-card-detail_header-target-item",
+        style: (0, _extends2["default"])({
+          minHeight: '60px'
+        }, activeKey === item.key ? (0, _extends2["default"])({}, field.style, {
+          border: '1px solid #487FFB'
+        }) : field.style)
+      }));
+    })));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: '16px'
+    }
+  }))));
+});
+function useCardDetailRef() {
+  var ref = (0, _react.useRef)(null);
+  return ref;
+}
+var _default = exports["default"] = CardDetail;