@cainiaofe/cn-ui-charts/lib/lowcode/cn-dynamic-chart/view.js

菜鸟图表组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = exports.CnDynamicChart = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var _cnChart = require("../../components/cn-chart");
var _request = require("../../common/util/request");
var _util = require("../../common/util/util");
var _requestError = require("../cn-column-chart/components/request-error");
var _emptyData = require("../cn-column-chart/components/empty-data");
var _loading = require("../cn-column-chart/components/loading");
var _useFilterSearchListener = _interopRequireDefault(require("../cn-column-chart/hooks/useFilterSearchListener"));
var _setterSnippet = require("../../common/manager/setter-snippet");
var _featurePosition = require("../../types/feature-position");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
var CnDynamicChart = function CnDynamicChart(props) {
  var _ref = props || {},
    dataFrom = _ref.dataFrom,
    _context = _ref._context,
    filterConfig = _ref.filterConfig;
  var _ref2 = dataFrom || {},
    requestConfig = _ref2.requestConfig;
  var _ref3 = requestConfig || {},
    serviceType = _ref3.serviceType,
    guid = _ref3.guid;
  var _useState = (0, _react.useState)([]),
    remoteOptions = _useState[0],
    setRemoteOptions = _useState[1];
  var _useState2 = (0, _react.useState)(),
    loading = _useState2[0],
    setLoading = _useState2[1];
  var _useState3 = (0, _react.useState)(),
    error = _useState3[0],
    setError = _useState3[1];
  var isDesign = (0, _util.isDesignMode)(props);
  var _ref4 = filterConfig || {},
    _bindFilter = _ref4._bindFilter;
  var sendRequest = function sendRequest() {
    if (requestConfig && requestConfig.serviceType) {
      var realRequestConfig = (0, _util.makeChartRequestConfig)({
        requestConfig: requestConfig,
        _context: _context,
        filterConfig: filterConfig,
        isDesign: isDesign
      });
      setLoading(true);
      _request.makeRequest === null || _request.makeRequest === void 0 ? void 0 : (0, _request.makeRequest)(realRequestConfig).then(function (res) {
        var _ref5 = res || {},
          data = _ref5.data;
        var _ref6 = data || {},
          _ref6$chartList = _ref6.chartList,
          chartList = _ref6$chartList === void 0 ? [] : _ref6$chartList;
        setRemoteOptions(chartList);
        setLoading(false);
        setError(undefined);
      }, function () {
        setLoading(false);
        setError('请求失败');
      });
    }
  };
  (0, _useFilterSearchListener["default"])({
    _bindFilter: _bindFilter,
    sendRequest: sendRequest,
    _context: _context
  });
  var finalOptions = (0, _util.calculateAdvancedConfig)({
    props: props,
    options: (0, _util.calculateFeature)({
      props: props,
      options: remoteOptions,
      position: _featurePosition.FeaturePosition.dynamic
    }),
    state: _context === null || _context === void 0 ? void 0 : _context.state
  });
  var renderDynamicChart = function renderDynamicChart() {
    return finalOptions === null || finalOptions === void 0 ? void 0 : finalOptions.map(function (item, index) {
      return /*#__PURE__*/_react["default"].createElement(_cnChart.CnChart, (0, _extends2["default"])({
        key: index
      }, (0, _util.getChartCommonStyle)(props), (0, _setterSnippet.getChartCommonOptions)(), item));
    });
  };
  if (isDesign && loading === undefined) {
    return /*#__PURE__*/_react["default"].createElement(_cnChart.CnChart, (0, _extends2["default"])({}, (0, _util.getChartCommonStyle)(props), {
      autoFit: true,
      encode: {
        x: 'year',
        y: 'amount'
      },
      data: [{
        year: '2022',
        amount: 111
      }, {
        year: '2023',
        amount: 222
      }]
    }));
  }
  if (error) {
    return /*#__PURE__*/_react["default"].createElement(_requestError.RequestError, {
      error: error
    });
  }
  return /*#__PURE__*/_react["default"].createElement(_loading.Loading, {
    visible: loading
  }, (0, _util.isArrayNotEmpty)(finalOptions) ? renderDynamicChart() : /*#__PURE__*/_react["default"].createElement(_emptyData.EmptyData, {
    emptyImg: 'https://img.alicdn.com/imgextra/i1/O1CN01h2uPcg1Untx4htgLQ_!!6000000002563-55-tps-500-260.svg'
  }));
};
exports.CnDynamicChart = CnDynamicChart;
CnDynamicChart.displayName = 'CnDynamicChart';
var _default = CnDynamicChart;
exports["default"] = _default;