dtable-statistic 4.4.24 → 5.0.0-alpha.2

package/es/service/chart-service.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _seaChart = require("sea-chart");
 var _commonUtils = require("../utils/common-utils");
-var _model = _interopRequireWildcard(require("../model"));
 class ChartService {
   constructor(_ref) {
     let {
@@ -17,10 +16,8 @@ class ChartService {
   generatorChart() {
     let statistic = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let table = arguments.length > 1 ? arguments[1] : undefined;
-    const object = new _model.GenericModel(statistic);
-    const ChartModel = _model.default[object.type];
-    if (!ChartModel) return null;
-    return new ChartModel(object, table);
+    const chartModel = new _seaChart.ChartModel(statistic, table);
+    return chartModel;
   }
   getInitChart(_ref2) {
     let {
@@ -55,27 +52,11 @@ class ChartService {
       stat_items
     } = dashboard;
     const statId = (0, _commonUtils.generatorUniqueId)(stat_items);
-    const {
-      name
-    } = originalStatItem;
-    return {
-      ...originalStatItem,
-      _id: statId,
-      name: name + '(copy)',
-      layout: null
-    };
-  }
-  getConvertedChart(_ref4) {
-    let {
-      originalStatistic,
-      targetStatisticType,
-      activeTable
-    } = _ref4;
-    if (targetStatisticType === originalStatistic.type) return originalStatistic;
-    return this.generatorChart({
-      ...originalStatistic,
-      type: targetStatisticType
-    }, activeTable);
+    const newStatItem = JSON.parse(JSON.stringify(originalStatItem));
+    newStatItem.config._id = statId;
+    newStatItem.style_config.title.text = originalStatItem.style_config.title.text + '(copy)';
+    newStatItem.layout = null;
+    return newStatItem;
   }
 }
 var _default = exports.default = ChartService;

package/es/service/dashboard-service.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _seaChart = require("sea-chart");
 var _statisticDashboard = _interopRequireDefault(require("../model/statistic-dashboard"));
 var _utils = require("../utils");
 var _commonUtils = require("../utils/common-utils");
@@ -15,13 +16,11 @@ class DashBoardService {
     let {
       value,
       defaultDashboardName,
-      chartCalculator,
       chartService,
       updateStatistics,
       deletePluginSettings
     } = _ref;
     this.defaultDashboardName = defaultDashboardName;
-    this.chartCalculator = chartCalculator;
     this.chartService = chartService;
     this.initStatistics(value, updateStatistics, deletePluginSettings);
   }
@@ -64,23 +63,23 @@ class DashBoardService {
         type
       } = chart;
       switch (type) {
-        case _constants.STAT_TYPE.PIVOT_TABLE:
+        case _seaChart.CHART_TYPE.TABLE:
           {
             return this.convertPivotTable(chart);
           }
-        case _constants.STAT_TYPE.BAR:
+        case _seaChart.CHART_TYPE.BAR:
           {
             return this.convertChartBar(chart);
           }
-        case _constants.STAT_TYPE.LINE:
+        case _seaChart.CHART_TYPE.LINE:
           {
             return this.convertChartLine(chart);
           }
-        case _constants.STAT_TYPE.PIE:
+        case _seaChart.CHART_TYPE.PIE:
           {
             return this.chartService.generatorChart({
               ...chart,
-              type: _constants.STAT_TYPE.RING
+              type: _seaChart.CHART_TYPE.RING
             });
           }
         default:
@@ -121,9 +120,9 @@ class DashBoardService {
     };
     const isGroupbyMultipleNumericColumns = column_groupby_multiple_numeric_column && column_groupby_numeric_column_keys && column_groupby_numeric_column_keys.length > 0;
     if (column_groupby_column_key || isGroupbyMultipleNumericColumns) {
-      convertedChart.type = _constants.STAT_TYPE.BAR_GROUP;
+      convertedChart.type = _seaChart.CHART_TYPE.BAR_GROUP;
       if (y_axis_use_stack) {
-        convertedChart.type = _constants.STAT_TYPE.BAR_STACK;
+        convertedChart.type = _seaChart.CHART_TYPE.BAR_STACK;
       }
       if (isGroupbyMultipleNumericColumns) {
         convertedChart.column_groupby_multiple_numeric_column = column_groupby_multiple_numeric_column;
@@ -150,7 +149,7 @@ class DashBoardService {
       ...chart
     };
     if (column_groupby_column_key) {
-      convertedChart.type = _constants.STAT_TYPE.GROUP_LINE;
+      convertedChart.type = _seaChart.CHART_TYPE.LINE_GROUP;
       if (isGroupbyMultipleNumericColumns) {
         convertedChart.column_groupby_multiple_numeric_column = column_groupby_multiple_numeric_column;
         convertedChart.column_groupby_numeric_columns = column_groupby_numeric_column_keys.map(key => {
@@ -210,13 +209,12 @@ class DashBoardService {
       if (!Array.isArray(charts) || charts.length === 0) {
         return dashboard;
       }
-      charts = charts.filter(chart => this.chartCalculator.isValidChart(chart));
       charts = charts.map((chart, index) => {
         if (!chart.layout) {
           return {
             ...chart,
             layout: {
-              i: chart._id,
+              i: chart.config._id,
               x: index % 2 * 2,
               y: Infinity,
               w: 2,
@@ -342,7 +340,7 @@ class DashBoardService {
             stat_items
           } = updatedDashboard;
           updatedDashboard.stat_items = stat_items.map(chart => {
-            const chartLayout = idChartLayoutMap[chart._id];
+            const chartLayout = idChartLayoutMap[chart.config._id];
             if (!chartLayout) return chart;
             const {
               x,
@@ -379,7 +377,7 @@ class DashBoardService {
           const statItemsLen = updatedDashboard.stat_items.length;
           if (!chart.layout) {
             chart.layout = {
-              i: chart._id,
+              i: chart.config._id,
               x: statItemsLen % 2 * 2,
               y: Infinity,
               w: 2,
@@ -401,7 +399,7 @@ class DashBoardService {
           if (!updatedDashboard) {
             break;
           }
-          let deleteIndex = updatedDashboard.stat_items.findIndex(chart => chart._id === chart_id);
+          let deleteIndex = updatedDashboard.stat_items.findIndex(chart => chart.config._id === chart_id);
           if (deleteIndex < 0) {
             break;
           }
@@ -415,13 +413,13 @@ class DashBoardService {
             index,
             chart
           } = payload;
-          const charId = chart._id;
+          const charId = chart.config._id;
           const updatedStatistics = [...this.statistics];
           let updatedDashboard = updatedStatistics[index];
           if (!updatedDashboard) {
             break;
           }
-          let updateIndex = updatedDashboard.stat_items.findIndex(chart => chart._id === charId);
+          let updateIndex = updatedDashboard.stat_items.findIndex(chart => chart.config._id === charId);
           if (updateIndex < 0) {
             break;
           }
@@ -439,29 +437,27 @@ class DashBoardService {
           const updatedStatistics = [...this.statistics];
           let currentDashboard = updatedStatistics[index];
           if (!currentDashboard || !Array.isArray(currentDashboard.stat_items)) break;
-          let movedChartIndex = currentDashboard.stat_items.findIndex(chart => chart._id === chart_id);
+          let movedChartIndex = currentDashboard.stat_items.findIndex(chart => chart.config._id === chart_id);
           if (movedChartIndex < 0) break;
           let targetDashboard = target_view_id && updatedStatistics.find(view => view._id === target_view_id);
           if (!targetDashboard) break;
           const movedCharts = currentDashboard.stat_items.splice(movedChartIndex, 1);
           let movedChart = movedCharts && movedCharts[0];
           if (!movedChart) break;
-          let newChartId = movedChart._id;
+          let newChartId = movedChart.config._id;
           if (!Array.isArray(targetDashboard.stat_items)) {
             targetDashboard.stat_items = [];
           } else {
             newChartId = (0, _commonUtils.generatorUniqueId)(targetDashboard.statItems);
           }
-          movedChart = Object.assign(movedChart, {
-            _id: newChartId,
-            layout: {
-              i: newChartId,
-              x: targetDashboard.stat_items.length % 2 * 2,
-              y: Infinity,
-              w: 2,
-              h: 7
-            }
-          });
+          movedChart.config._id = newChartId;
+          movedChart.layout = {
+            i: newChartId,
+            x: targetDashboard.stat_items.length % 2 * 2,
+            y: Infinity,
+            w: 2,
+            h: 7
+          };
           targetDashboard.stat_items.push(movedChart);
           this.statistics = updatedStatistics;
           break;

package/es/stat-list/chart-preview.js

@@ -11,7 +11,6 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _html2canvas = _interopRequireDefault(require("html2canvas"));
 var _statView = _interopRequireDefault(require("../stat-view"));
 var _statisticDropdownMenu = _interopRequireDefault(require("../components/dropdown-menu/statistic-dropdown-menu"));
-var _constants = require("../constants");
 class ChartPreview extends _react.Component {
   constructor() {
     super(...arguments);
@@ -34,7 +33,7 @@ class ChartPreview extends _react.Component {
       // for charts rendered with `<canvas>`
       const {
         _id: id
-      } = statItem;
+      } = statItem.config;
       const originalElement = document.querySelector("#stat-item-".concat(id, " .statistic-chart-container > div"));
       if (originalElement) {
         const containerWidth = originalElement.scrollWidth + 15 * 2;
@@ -52,7 +51,7 @@ class ChartPreview extends _react.Component {
         }).then(canvas => {
           let eleA = document.createElement('a');
           eleA.href = canvas.toDataURL('image/png');
-          eleA.download = "".concat(statItem.name || 'image', ".png");
+          eleA.download = "".concat(statItem.style_config.title.text || 'image', ".png");
           eleA.click();
           document.body.removeChild(exportContainer);
         });
@@ -72,50 +71,50 @@ class ChartPreview extends _react.Component {
     };
     this.renderChart = statItem => {
       const {
-        dtableChangedTime,
-        chartCalculator,
         theme,
         colorThemeName,
-        eventBus
+        api,
+        value,
+        getTableById,
+        toggleStatisticRecordsDialog
       } = this.props;
       return /*#__PURE__*/_react.default.createElement(_statView.default, {
         ref: ref => this.chartView = ref,
-        isPreview: true,
-        isEnlarge: false,
-        dtableChangedTime: dtableChangedTime,
         theme: theme,
         colorThemeName: colorThemeName,
         statItem: statItem,
-        chartCalculator: chartCalculator,
-        eventBus: eventBus,
-        getTableById: this.props.getTableById,
-        queryMapJson: this.props.queryMapJson,
-        toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
+        api: api,
+        value: value,
+        getTableById: getTableById,
+        toggleStatisticRecordsDialog: toggleStatisticRecordsDialog
       });
     };
     this.moveChartToView = viewId => {
       const {
         statItem
       } = this.props;
-      this.props.moveChartToView(statItem._id, viewId);
+      this.props.moveChartToView(statItem.config._id, viewId);
     };
   }
   render() {
+    var _statItem$config;
     const {
       isTableReadOnly,
       statItem
     } = this.props;
     const {
       _id: statId,
-      name: statName,
       type
-    } = statItem;
-    const showStatName = !(type === _constants.STAT_TYPE.BASIC_NUMBER_CARD || type === _constants.STAT_TYPE.DASHBOARD);
+    } = statItem.config;
+    const {
+      text: statName
+    } = statItem.style_config.title;
+    const statItemId = statItem === null || statItem === void 0 ? void 0 : (_statItem$config = statItem.config) === null || _statItem$config === void 0 ? void 0 : _statItem$config._id;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-preview-header"
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "statistic-chart-preview-name"
-    }, showStatName ? statName : ''), /*#__PURE__*/_react.default.createElement("span", {
+    }, statName), /*#__PURE__*/_react.default.createElement("span", {
       className: "statistic-chart-preview-operations"
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "statistic-chart-preview-microscope",
@@ -135,7 +134,7 @@ class ChartPreview extends _react.Component {
       onNewTableDialogToggle: this.onNewTableDialogToggle,
       onUpdateTableDialogToggle: this.onUpdateTableDialogToggle
     }))), /*#__PURE__*/_react.default.createElement("div", {
-      id: "stat-item-".concat(statItem._id),
+      id: "stat-item-".concat(statItemId),
       className: "statistic-chart-preview-container"
     }, this.renderChart(statItem)), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-preview-container-resize"

package/es/stat-list/index.js

@@ -10,8 +10,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactGridLayout = _interopRequireWildcard(require("react-grid-layout"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _toaster = _interopRequireDefault(require("dtable-ui-component/lib/toaster"));
+var _seaChart = require("sea-chart");
 var _chartPreview = _interopRequireDefault(require("./chart-preview"));
-var _components = require("../components");
+var _newTableDialog = _interopRequireDefault(require("../components/dialog/new-table-dialog"));
 var _enlargedChartDialog = _interopRequireDefault(require("../components/dialog/enlarged-chart-dialog"));
 var _tableSelectDialog = _interopRequireDefault(require("../components/dialog/table-select-dialog"));
 var _exportTableUtils = require("../utils/export-table-utils");
@@ -59,7 +60,7 @@ class StatList extends _react.Component {
       });
     };
     this.exportChart2Table = (tableName, chart) => {
-      if (chart.type !== _constants.STAT_TYPE.PIVOT_TABLE) {
+      if (chart.type !== _seaChart.CHART_TYPE.TABLE) {
         this.statisticalResult4Export = null;
         _toaster.default.danger(_reactIntlUniversal.default.get('Failed_export_statistic_to_Table'));
         this.closeNewTableDialog();
@@ -100,7 +101,7 @@ class StatList extends _react.Component {
       const {
         getTableById
       } = this.props;
-      if (chartUpdate2Table.type !== _constants.STAT_TYPE.PIVOT_TABLE) {
+      if (chartUpdate2Table.type !== _seaChart.CHART_TYPE.TABLE) {
         this.statisticalResult4Update = null;
         _toaster.default.danger(_reactIntlUniversal.default.get('Failed_export_statistic_to_Table'));
         this.closeSelectTableDialog();
@@ -151,6 +152,7 @@ class StatList extends _react.Component {
       chartIndexExport2Table: -1,
       chartIndexUpdate2Table: -1
     };
+    this.value = props.getValue();
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     const {
@@ -163,12 +165,10 @@ class StatList extends _react.Component {
   render() {
     const {
       isTableReadOnly,
-      dtableChangedTime,
       theme,
       colorThemeName,
       statItems,
-      chartCalculator,
-      eventBus
+      api
     } = this.props;
     const {
       layout,
@@ -192,8 +192,9 @@ class StatList extends _react.Component {
       onLayoutChange: this.onLayoutChange,
       cols: 4,
       useCSSTransforms: false
-    }, statItems.map((statItem, index) => {
-      const statId = statItem._id;
+    }, statItems.map((item, index) => {
+      var _item$config;
+      const statId = item === null || item === void 0 ? void 0 : (_item$config = item.config) === null || _item$config === void 0 ? void 0 : _item$config._id;
       if (!statId) return null;
       return /*#__PURE__*/_react.default.createElement("div", {
         id: statId,
@@ -201,16 +202,13 @@ class StatList extends _react.Component {
         className: "statistic-chart-preview"
       }, /*#__PURE__*/_react.default.createElement(_chartPreview.default, {
         isTableReadOnly: isTableReadOnly,
-        dtableChangedTime: dtableChangedTime,
         theme: theme,
         colorThemeName: colorThemeName,
-        statItem: statItem,
-        chartCalculator: chartCalculator,
-        eventBus: eventBus,
+        statItem: item,
+        api: api,
+        value: this.value,
         getOtherStatistics: this.props.getOtherStatistics,
         getTableById: this.props.getTableById,
-        getTables: this.props.getTables,
-        queryMapJson: this.props.queryMapJson,
         copyChart: this.props.copyChart,
         moveChartToView: this.props.moveChartToView,
         deleteChart: this.props.deleteChart,
@@ -228,21 +226,17 @@ class StatList extends _react.Component {
           return this.showSelectTableDialog(index, statisticalResult);
         },
         onToggleEditChart: this.props.onToggleEditChart,
-        onCloseDashboard: this.props.onCloseDashboard,
         toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
       }));
     })), enlargedChart && /*#__PURE__*/_react.default.createElement(_enlargedChartDialog.default, {
-      dtableChangedTime: dtableChangedTime,
       colorThemeName: colorThemeName,
       statItem: enlargedChart,
-      eventBus: eventBus,
-      chartCalculator: chartCalculator,
+      api: api,
+      value: this.value,
       getTableById: this.props.getTableById,
-      queryMapJson: this.props.queryMapJson,
       onEnlargeToggle: this.closeEnlargedChart,
-      onToggleShowEnlarged: this.closeEnlargedChart,
       toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
-    }), chartExport2Table && /*#__PURE__*/_react.default.createElement(_components.NewTableDialog, {
+    }), chartExport2Table && /*#__PURE__*/_react.default.createElement(_newTableDialog.default, {
       getTables: this.props.getTables,
       tableName: chartExport2Table.name,
       onNewTableConfirm: tableName => this.exportChart2Table(tableName, chartExport2Table),

package/es/stat-view/index.js

@@ -6,170 +6,61 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-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");
+var _seaChart = require("sea-chart");
+var _dtableUtils = require("dtable-utils");
 class StatView extends _react.default.Component {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
+    this.getViewRef = ref => {
+      this.viewRef = ref;
+    };
     this.getStatData = () => {
-      if (!this.chartView || !this.chartView.getStatData) return null;
-      return this.chartView.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
+      };
     };
+    this.viewRef = null;
   }
   render() {
     const {
-      isPreview,
-      isEnlarge,
-      isEdit,
-      dtableChangedTime,
-      theme,
-      colorThemeName,
       statItem,
-      chartCalculator,
-      eventBus,
-      getTableById,
-      toggleStatisticRecordsDialog
-    } = this.props;
-    let viewProps = {
-      isPreview,
-      isEnlarge,
-      isEdit,
-      dtableChangedTime,
+      api,
+      value,
       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;
-        }
-    }
+      colorThemeName
+    } = 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,
+      isCalculateByView: true,
+      onViewRef: this.getViewRef
+    }));
   }
 }
-StatView.defaultProps = {
-  isPreview: false,
-  isEnlarge: false,
-  isEdit: false
-};
 var _default = exports.default = StatView;