@ztocwst/rc-pro-materials 0.2.52 → 0.2.54

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

@@ -1,178 +0,0 @@
-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/lib/components/z-data-stat/components/CardDetail/index.d.ts

@@ -1,6 +0,0 @@
-/// <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

@@ -1,335 +0,0 @@
-"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 && Object.prototype.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;

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

@@ -1,164 +0,0 @@
-@gap: 16px;
-
-.rc-card-detail {
-  width: 100%;
-  // height: 200px;
-  // background-color: #F8F8F9;
-  border-radius: 8px;
-
-  .rc-card-detail_header-data {
-    display: flex;
-    // gap: @gap;
-    justify-content: space-between;
-  }
-  // .rc-card-detail_header-target-item {
-  //   border: 1px solid rgba(0, 0, 0, 0);
-  // }
-  .rc-card-detail_header-target {
-    z-index: 1;
-    display: flex;
-    flex: 1;
-    gap: @gap;
-    justify-content: space-between;
-    padding: 0 @gap @gap @gap;
-    background-color: #fff;
-    border-radius: 8px;
-    &:hover {
-      .rc-card-detail_header-target-item {
-        border: 1px solid #487ffb;
-      }
-    }
-  }
-
-  // .rc-card-detail_filter {
-  //   width: 120px;
-  //   padding: @gap 0;
-  // }
-
-  .rc-card-detail_filter-content {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    background-color: #f8f8f9;
-    border-radius: 8px;
-  }
-
-  .rc-card-detail_filter {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 120px;
-    padding: 0 0 @gap 0;
-  }
-
-  .rc-card-detail_filter-content-before {
-    &::before {
-      position: absolute;
-      bottom: -20px;
-      left: 0;
-      width: 104%;
-      height: 30px;
-      background-color: #f8f8f9;
-      content: '';
-    }
-  }
-
-  .rc-card-detail_target-before {
-    position: relative;
-
-    &::before {
-      position: absolute;
-      width: 100%;
-      content: '';
-    }
-  }
-
-  .rc-card-detail_list {
-    position: relative;
-    // height: 200px;
-    width: 100%;
-    background-color: #f8f8f9;
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
-    border-bottom-left-radius: 8px;
-
-    &::before {
-      position: absolute;
-      width: 100%;
-      content: '';
-    }
-
-    .rc-dard-detail_list-empty {
-      position: absolute;
-      top: 50%;
-      right: 0;
-      left: 0;
-      margin: 0;
-      transform: translateY(-50%);
-    }
-  }
-
-  .rc-card-detail_filter-name {
-    // margin-right: 12px;
-    // color: #008dff;
-    font-size: 16px;
-
-    .rc-card-detail_setting {
-      font-size: 14px;
-      cursor: pointer;
-      &:hover {
-        color: #008dff;
-      }
-    }
-  }
-
-  .rc-card-detail_list-item {
-    display: flex;
-    gap: @gap;
-    width: 100%;
-    cursor: pointer;
-    &:hover {
-      .rc-card-detail_header-target-item {
-        border: 1px solid #487ffb;
-      }
-    }
-  }
-
-  .rc-card-detail_list-header {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #262626;
-    font-weight: 500;
-    font-size: 14px;
-  }
-}
-
-.rc-card-detail_popover-content {
-  .rc-card-detail_popover-content_item {
-    position: relative;
-    display: flex;
-    align-items: center;
-    width: 155px;
-    padding: 10px 12px;
-    color: #262626;
-    font-size: 14px;
-    cursor: pointer;
-
-    &:hover {
-      background: #f5f5f5;
-      border-radius: 4px;
-    }
-
-    .active {
-      position: absolute;
-      top: 50%;
-      right: 12px;
-      transform: translateY(-50%);
-    }
-  }
-}