dtable-statistic 4.2.1 → 4.3.0

package/es/stat-view/index.js

@@ -1,7 +1,3 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import PivotTable from './pivot-table';
 import BarChart from './bar-chart';
@@ -24,158 +20,146 @@ import DashboardChart from './dashboard-chart';
 import TreeMap from './treemap-chart';
 import CustomBar from './custom-bar';
 import { STAT_TYPE } from '../constants';
-var StatView = /*#__PURE__*/function (_React$Component) {
-  _inherits(StatView, _React$Component);
-  var _super = _createSuper(StatView);
-  function StatView() {
-    var _this;
-    _classCallCheck(this, StatView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.getStatData = function () {
-      if (!_this.chartView || !_this.chartView.getStatData) return null;
-      return _this.chartView.getStatData();
+class StatView extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.getStatData = () => {
+      if (!this.chartView || !this.chartView.getStatData) return null;
+      return this.chartView.getStatData();
     };
-    return _this;
   }
-  _createClass(StatView, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        isPreview = _this$props.isPreview,
-        isEnlarge = _this$props.isEnlarge,
-        isEdit = _this$props.isEdit,
-        dtableChangedTime = _this$props.dtableChangedTime,
-        theme = _this$props.theme,
-        colorThemeName = _this$props.colorThemeName,
-        statItem = _this$props.statItem,
-        chartCalculator = _this$props.chartCalculator,
-        eventBus = _this$props.eventBus,
-        getTableById = _this$props.getTableById,
-        toggleStatisticRecordsDialog = _this$props.toggleStatisticRecordsDialog;
-      var viewProps = {
-        isPreview: isPreview,
-        isEnlarge: isEnlarge,
-        isEdit: isEdit,
-        dtableChangedTime: dtableChangedTime,
-        theme: theme,
-        colorThemeName: colorThemeName,
-        statItem: statItem,
-        chartCalculator: chartCalculator,
-        eventBus: eventBus,
-        getTableById: getTableById,
-        queryMapJson: this.props.queryMapJson,
-        toggleStatisticRecordsDialog: toggleStatisticRecordsDialog,
-        ref: function ref(_ref) {
-          _this2.chartView = _ref;
-        }
-      };
-      switch (statItem.type) {
-        case STAT_TYPE.BAR:
-        case STAT_TYPE.BAR_GROUP:
-        case STAT_TYPE.BAR_STACK:
-          {
-            return /*#__PURE__*/React.createElement(BarChart, viewProps);
-          }
-        case STAT_TYPE.COMPARE_BAR:
-          {
-            return /*#__PURE__*/React.createElement(CompareChart, viewProps);
-          }
-        case STAT_TYPE.HORIZONTAL_BAR:
-        case STAT_TYPE.HORIZONTAL_GROUP_BAR:
-        case STAT_TYPE.STACKED_HORIZONTAL_BAR:
-          {
-            return /*#__PURE__*/React.createElement(HorizontalBarChart, viewProps);
-          }
-        case STAT_TYPE.COMPLETENESS_CHART:
-        case STAT_TYPE.GROUP_COMPLETENESS_CHART:
-          {
-            return /*#__PURE__*/React.createElement(CompletenessChart, viewProps);
-          }
-        case STAT_TYPE.LINE:
-        case STAT_TYPE.GROUP_LINE:
-          {
-            return /*#__PURE__*/React.createElement(LineChart, viewProps);
-          }
-        case STAT_TYPE.AREA_CHART:
-        case STAT_TYPE.AREA_GROUP_CHART:
-          {
-            return /*#__PURE__*/React.createElement(AreaChart, viewProps);
-          }
-        case STAT_TYPE.PIE:
-          {
-            return /*#__PURE__*/React.createElement(PieChart, viewProps);
-          }
-        case STAT_TYPE.RING:
-          {
-            return /*#__PURE__*/React.createElement(RingChart, viewProps);
-          }
-        case STAT_TYPE.SCATTER:
-          {
-            return /*#__PURE__*/React.createElement(ScatterChart, viewProps);
-          }
-        case STAT_TYPE.COMBINATION_CHART:
-          {
-            return /*#__PURE__*/React.createElement(CombinationChart, viewProps);
-          }
-        case STAT_TYPE.MAP:
-        case STAT_TYPE.MAP_BUBBLE:
-          {
-            viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
-            return /*#__PURE__*/React.createElement(Map, viewProps);
-          }
-        case STAT_TYPE.WORLD_MAP:
-        case STAT_TYPE.WORLD_MAP_BUBBLE:
-          {
-            viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
-            return /*#__PURE__*/React.createElement(WorldMap, viewProps);
-          }
-        case STAT_TYPE.HEAT_MAP:
-          {
-            viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
-            return /*#__PURE__*/React.createElement(HeatMap, viewProps);
-          }
-        case STAT_TYPE.MIRROR:
-          {
-            viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
-            return /*#__PURE__*/React.createElement(Mirror, viewProps);
-          }
-        case STAT_TYPE.BASIC_NUMBER_CARD:
-          {
-            return /*#__PURE__*/React.createElement(BasicNumberCard, viewProps);
-          }
-        case STAT_TYPE.TREND_CHART:
-          {
-            return /*#__PURE__*/React.createElement(TrendChart, viewProps);
-          }
-        case STAT_TYPE.DASHBOARD:
-          {
-            return /*#__PURE__*/React.createElement(DashboardChart, viewProps);
-          }
-        case STAT_TYPE.TREEMAP:
-          {
-            return /*#__PURE__*/React.createElement(TreeMap, viewProps);
-          }
-        case STAT_TYPE.PIVOT_TABLE:
-          {
-            return /*#__PURE__*/React.createElement(PivotTable, viewProps);
-          }
-        case STAT_TYPE.CUSTOM_BAR:
-          {
-            return /*#__PURE__*/React.createElement(CustomBar, viewProps);
-          }
-        default:
-          {
-            return null;
-          }
+  render() {
+    const {
+      isPreview,
+      isEnlarge,
+      isEdit,
+      dtableChangedTime,
+      theme,
+      colorThemeName,
+      statItem,
+      chartCalculator,
+      eventBus,
+      getTableById,
+      toggleStatisticRecordsDialog
+    } = this.props;
+    let viewProps = {
+      isPreview,
+      isEnlarge,
+      isEdit,
+      dtableChangedTime,
+      theme,
+      colorThemeName,
+      statItem,
+      chartCalculator,
+      eventBus,
+      getTableById,
+      queryMapJson: this.props.queryMapJson,
+      toggleStatisticRecordsDialog,
+      ref: ref => {
+        this.chartView = ref;
       }
+    };
+    switch (statItem.type) {
+      case STAT_TYPE.BAR:
+      case STAT_TYPE.BAR_GROUP:
+      case STAT_TYPE.BAR_STACK:
+        {
+          return /*#__PURE__*/React.createElement(BarChart, viewProps);
+        }
+      case STAT_TYPE.COMPARE_BAR:
+        {
+          return /*#__PURE__*/React.createElement(CompareChart, viewProps);
+        }
+      case STAT_TYPE.HORIZONTAL_BAR:
+      case STAT_TYPE.HORIZONTAL_GROUP_BAR:
+      case STAT_TYPE.STACKED_HORIZONTAL_BAR:
+        {
+          return /*#__PURE__*/React.createElement(HorizontalBarChart, viewProps);
+        }
+      case STAT_TYPE.COMPLETENESS_CHART:
+      case STAT_TYPE.GROUP_COMPLETENESS_CHART:
+        {
+          return /*#__PURE__*/React.createElement(CompletenessChart, viewProps);
+        }
+      case STAT_TYPE.LINE:
+      case STAT_TYPE.GROUP_LINE:
+        {
+          return /*#__PURE__*/React.createElement(LineChart, viewProps);
+        }
+      case STAT_TYPE.AREA_CHART:
+      case STAT_TYPE.AREA_GROUP_CHART:
+        {
+          return /*#__PURE__*/React.createElement(AreaChart, viewProps);
+        }
+      case STAT_TYPE.PIE:
+        {
+          return /*#__PURE__*/React.createElement(PieChart, viewProps);
+        }
+      case STAT_TYPE.RING:
+        {
+          return /*#__PURE__*/React.createElement(RingChart, viewProps);
+        }
+      case STAT_TYPE.SCATTER:
+        {
+          return /*#__PURE__*/React.createElement(ScatterChart, viewProps);
+        }
+      case STAT_TYPE.COMBINATION_CHART:
+        {
+          return /*#__PURE__*/React.createElement(CombinationChart, viewProps);
+        }
+      case STAT_TYPE.MAP:
+      case STAT_TYPE.MAP_BUBBLE:
+        {
+          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
+          return /*#__PURE__*/React.createElement(Map, viewProps);
+        }
+      case STAT_TYPE.WORLD_MAP:
+      case STAT_TYPE.WORLD_MAP_BUBBLE:
+        {
+          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
+          return /*#__PURE__*/React.createElement(WorldMap, viewProps);
+        }
+      case STAT_TYPE.HEAT_MAP:
+        {
+          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
+          return /*#__PURE__*/React.createElement(HeatMap, viewProps);
+        }
+      case STAT_TYPE.MIRROR:
+        {
+          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
+          return /*#__PURE__*/React.createElement(Mirror, viewProps);
+        }
+      case STAT_TYPE.BASIC_NUMBER_CARD:
+        {
+          return /*#__PURE__*/React.createElement(BasicNumberCard, viewProps);
+        }
+      case STAT_TYPE.TREND_CHART:
+        {
+          return /*#__PURE__*/React.createElement(TrendChart, viewProps);
+        }
+      case STAT_TYPE.DASHBOARD:
+        {
+          return /*#__PURE__*/React.createElement(DashboardChart, viewProps);
+        }
+      case STAT_TYPE.TREEMAP:
+        {
+          return /*#__PURE__*/React.createElement(TreeMap, viewProps);
+        }
+      case STAT_TYPE.PIVOT_TABLE:
+        {
+          return /*#__PURE__*/React.createElement(PivotTable, viewProps);
+        }
+      case STAT_TYPE.CUSTOM_BAR:
+        {
+          return /*#__PURE__*/React.createElement(CustomBar, viewProps);
+        }
+      default:
+        {
+          return null;
+        }
     }
-  }]);
-  return StatView;
-}(React.Component);
+  }
+}
 StatView.defaultProps = {
   isPreview: false,
   isEnlarge: false,