dtable-statistic 4.4.24-alpha.9 → 5.0.0

package/es/stat-view/index.js

@@ -6,61 +6,170 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _seaChart = require("sea-chart");
-var _dtableUtils = require("dtable-utils");
+var _pivotTable = _interopRequireDefault(require("./pivot-table"));
+var _barChart = _interopRequireDefault(require("./bar-chart"));
+var _compareChart = _interopRequireDefault(require("./compare-chart"));
+var _horizontalBarChart = _interopRequireDefault(require("./horizontal-bar-chart"));
+var _completenessChart = _interopRequireDefault(require("./completeness-chart"));
+var _lineChart = _interopRequireDefault(require("./line-chart"));
+var _areaChart = _interopRequireDefault(require("./area-chart"));
+var _pieChart = _interopRequireDefault(require("./pie-chart"));
+var _ringChart = _interopRequireDefault(require("./ring-chart"));
+var _scatterChart = _interopRequireDefault(require("./scatter-chart"));
+var _combinationChart = _interopRequireDefault(require("./combination-chart"));
+var _map = _interopRequireDefault(require("./map"));
+var _worldMap = _interopRequireDefault(require("./world-map"));
+var _heatMap = _interopRequireDefault(require("./heat-map"));
+var _mirror = _interopRequireDefault(require("./mirror"));
+var _basicNumberCard = _interopRequireDefault(require("./basic-number-card"));
+var _trendChart = _interopRequireDefault(require("./trend-chart"));
+var _dashboardChart = _interopRequireDefault(require("./dashboard-chart"));
+var _treemapChart = _interopRequireDefault(require("./treemap-chart"));
+var _customBar = _interopRequireDefault(require("./custom-bar"));
+var _constants = require("../constants");
 class StatView extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.getViewRef = ref => {
-      this.viewRef = ref;
-    };
+  constructor() {
+    super(...arguments);
     this.getStatData = () => {
-      const {
-        getTableById,
-        statItem
-      } = this.props;
-      const {
-        table_id,
-        groupby_column_key,
-        column_groupby_column_key,
-        summary_column_key
-      } = statItem.config;
-      const table = getTableById(table_id);
-      const groupbyColumn = groupby_column_key && (0, _dtableUtils.getTableColumnByKey)(table, groupby_column_key);
-      const columnGroupbyColumn = column_groupby_column_key && (0, _dtableUtils.getTableColumnByKey)(table, column_groupby_column_key);
-      const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column_key) || {};
-      return {
-        pivotResult: this.viewRef.state.data.result,
-        statisticTableColumns: table.columns,
-        groupbyColumn,
-        columnGroupbyColumn,
-        summaryColumn
-      };
+      if (!this.chartView || !this.chartView.getStatData) return null;
+      return this.chartView.getStatData();
     };
-    this.viewRef = null;
   }
   render() {
     const {
-      statItem,
-      api,
-      value,
+      isPreview,
+      isEnlarge,
+      isEdit,
+      dtableChangedTime,
       theme,
-      colorThemeName
+      colorThemeName,
+      statItem,
+      chartCalculator,
+      eventBus,
+      getTableById,
+      toggleStatisticRecordsDialog
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-container"
-    }, /*#__PURE__*/_react.default.createElement(_seaChart.View, {
-      chart: statItem,
-      api: api,
-      config: window.dtable,
-      tables: value.tables,
-      collaborators: value.collaborators,
-      hideTitle: true,
-      globalTheme: theme,
-      chartColorTheme: colorThemeName,
-      integrator: "statistic",
-      onViewRef: this.getViewRef
-    }));
+    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 _constants.STAT_TYPE.BAR:
+      case _constants.STAT_TYPE.BAR_GROUP:
+      case _constants.STAT_TYPE.BAR_STACK:
+        {
+          return /*#__PURE__*/_react.default.createElement(_barChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.COMPARE_BAR:
+        {
+          return /*#__PURE__*/_react.default.createElement(_compareChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.HORIZONTAL_BAR:
+      case _constants.STAT_TYPE.HORIZONTAL_GROUP_BAR:
+      case _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR:
+        {
+          return /*#__PURE__*/_react.default.createElement(_horizontalBarChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.COMPLETENESS_CHART:
+      case _constants.STAT_TYPE.GROUP_COMPLETENESS_CHART:
+        {
+          return /*#__PURE__*/_react.default.createElement(_completenessChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.LINE:
+      case _constants.STAT_TYPE.GROUP_LINE:
+        {
+          return /*#__PURE__*/_react.default.createElement(_lineChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.AREA_CHART:
+      case _constants.STAT_TYPE.AREA_GROUP_CHART:
+        {
+          return /*#__PURE__*/_react.default.createElement(_areaChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.PIE:
+        {
+          return /*#__PURE__*/_react.default.createElement(_pieChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.RING:
+        {
+          return /*#__PURE__*/_react.default.createElement(_ringChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.SCATTER:
+        {
+          return /*#__PURE__*/_react.default.createElement(_scatterChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.COMBINATION_CHART:
+        {
+          return /*#__PURE__*/_react.default.createElement(_combinationChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.MAP:
+      case _constants.STAT_TYPE.MAP_BUBBLE:
+        {
+          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
+          return /*#__PURE__*/_react.default.createElement(_map.default, viewProps);
+        }
+      case _constants.STAT_TYPE.WORLD_MAP:
+      case _constants.STAT_TYPE.WORLD_MAP_BUBBLE:
+        {
+          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
+          return /*#__PURE__*/_react.default.createElement(_worldMap.default, viewProps);
+        }
+      case _constants.STAT_TYPE.HEAT_MAP:
+        {
+          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
+          return /*#__PURE__*/_react.default.createElement(_heatMap.default, viewProps);
+        }
+      case _constants.STAT_TYPE.MIRROR:
+        {
+          viewProps.isPreview = viewProps.isEnlarge ? false : viewProps.isPreview;
+          return /*#__PURE__*/_react.default.createElement(_mirror.default, viewProps);
+        }
+      case _constants.STAT_TYPE.BASIC_NUMBER_CARD:
+        {
+          return /*#__PURE__*/_react.default.createElement(_basicNumberCard.default, viewProps);
+        }
+      case _constants.STAT_TYPE.TREND_CHART:
+        {
+          return /*#__PURE__*/_react.default.createElement(_trendChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.DASHBOARD:
+        {
+          return /*#__PURE__*/_react.default.createElement(_dashboardChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.TREEMAP:
+        {
+          return /*#__PURE__*/_react.default.createElement(_treemapChart.default, viewProps);
+        }
+      case _constants.STAT_TYPE.PIVOT_TABLE:
+        {
+          return /*#__PURE__*/_react.default.createElement(_pivotTable.default, viewProps);
+        }
+      case _constants.STAT_TYPE.CUSTOM_BAR:
+        {
+          return /*#__PURE__*/_react.default.createElement(_customBar.default, viewProps);
+        }
+      default:
+        {
+          return null;
+        }
+    }
   }
 }
+StatView.defaultProps = {
+  isPreview: false,
+  isEnlarge: false,
+  isEdit: false
+};
 var _default = exports.default = StatView;