dtable-statistic 4.3.3 → 4.3.4

package/es/stat-editor/stat-settings/public-setting/type-settings/index.js

@@ -1,18 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _icon = _interopRequireDefault(require("../../../../components/icon"));
-var _statisticTypesDialog = _interopRequireDefault(require("../../../../components/dialog/statistic-types-dialog"));
-var _constants = require("../../../../constants");
-require("./index.css");
-class TypeSettings extends _react.Component {
+import React, { Component } from 'react';
+import intl from 'react-intl-universal';
+import Icon from '../../../../components/icon';
+import StatisticTypesDialog from '../../../../components/dialog/statistic-types-dialog';
+import { STATISTIC_TYPE_SHOW, STAT_TYPE } from '../../../../constants';
+import './index.css';
+class TypeSettings extends Component {
   constructor(props) {
     super(props);
     this.openTypesDialog = () => {
@@ -30,21 +22,21 @@ class TypeSettings extends _react.Component {
         type: chartType
       } = this.props.chart;
       switch (chartType) {
-        case _constants.STAT_TYPE.MAP:
+        case STAT_TYPE.MAP:
           {
             return '中国地图';
           }
-        case _constants.STAT_TYPE.MAP_BUBBLE:
+        case STAT_TYPE.MAP_BUBBLE:
           {
             return '中国地图(气泡图)';
           }
-        case _constants.STAT_TYPE.WORLD_MAP_BUBBLE:
+        case STAT_TYPE.WORLD_MAP_BUBBLE:
           {
-            return "".concat(_reactIntlUniversal.default.get(_constants.STATISTIC_TYPE_SHOW[_constants.STAT_TYPE.WORLD_MAP]), "(").concat(_reactIntlUniversal.default.get('Bubble'), ")");
+            return "".concat(intl.get(STATISTIC_TYPE_SHOW[STAT_TYPE.WORLD_MAP]), "(").concat(intl.get('Bubble'), ")");
           }
         default:
           {
-            return _reactIntlUniversal.default.get(_constants.STATISTIC_TYPE_SHOW[chartType]);
+            return intl.get(STATISTIC_TYPE_SHOW[chartType]);
           }
       }
     };
@@ -62,21 +54,21 @@ class TypeSettings extends _react.Component {
     const {
       type: chartType
     } = chart;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Chart_type')), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Chart_type')), /*#__PURE__*/React.createElement("div", {
       className: "statistic-selected-type-container d-flex align-items-center"
-    }, /*#__PURE__*/_react.default.createElement("span", null, this.getChartTypeName()), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("span", null, this.getChartTypeName()), /*#__PURE__*/React.createElement("div", {
       className: "statistic-switch-type-container",
       onClick: this.openTypesDialog
-    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       symbol: "switch-icon",
       className: "statistic-type-switch-icon"
-    })))), isShowDialog && /*#__PURE__*/_react.default.createElement(_statisticTypesDialog.default, {
+    })))), isShowDialog && /*#__PURE__*/React.createElement(StatisticTypesDialog, {
       type: chartType,
       onChange: this.props.onChange,
       onToggle: this.closeTypesDialog
     }));
   }
 }
-var _default = exports.default = TypeSettings;
+export default TypeSettings;

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

@@ -1,18 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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 {
+import React, { Component } from 'react';
+import ReactDOM from 'react-dom';
+import html2canvas from 'html2canvas';
+import StatView from '../stat-view';
+import StatisticDropdownMenu from '../components/dropdown-menu/statistic-dropdown-menu';
+import { STAT_TYPE } from '../constants';
+class ChartPreview extends Component {
   constructor() {
     super(...arguments);
     this.onMouseDown = event => {
@@ -42,11 +34,11 @@ class ChartPreview extends _react.Component {
         exportContainer.setAttribute('style', "width: ".concat(containerWidth, "px; height: ").concat(containerHeight, "px;"));
       }
       document.body.appendChild(exportContainer);
-      _reactDom.default.render(this.renderChart(statItem), exportContainer);
+      ReactDOM.render(this.renderChart(statItem), exportContainer);
       setTimeout(() => {
         const ele = document.querySelector("#".concat(exportContainerID, " .statistic-chart-container"));
         if (!ele) return;
-        (0, _html2canvas.default)(ele, {
+        html2canvas(ele, {
           windowWidth: ele.scrollWidth,
           windowHeight: ele.scrollHeight
         }).then(canvas => {
@@ -78,7 +70,7 @@ class ChartPreview extends _react.Component {
         colorThemeName,
         eventBus
       } = this.props;
-      return /*#__PURE__*/_react.default.createElement(_statView.default, {
+      return /*#__PURE__*/React.createElement(StatView, {
         ref: ref => this.chartView = ref,
         isPreview: true,
         isEnlarge: false,
@@ -110,20 +102,20 @@ class ChartPreview extends _react.Component {
       name: statName,
       type
     } = statItem;
-    const showStatName = !(type === _constants.STAT_TYPE.BASIC_NUMBER_CARD || type === _constants.STAT_TYPE.DASHBOARD);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    const showStatName = !(type === STAT_TYPE.BASIC_NUMBER_CARD || type === STAT_TYPE.DASHBOARD);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-preview-header"
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "statistic-chart-preview-name"
-    }, showStatName ? statName : ''), /*#__PURE__*/_react.default.createElement("span", {
+    }, showStatName ? statName : ''), /*#__PURE__*/React.createElement("span", {
       className: "statistic-chart-preview-operations"
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "statistic-chart-preview-microscope",
       onMouseDown: this.onMouseDown,
       onClick: this.onToggleShowEnlarged
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-open"
-    })), /*#__PURE__*/_react.default.createElement(_statisticDropdownMenu.default, {
+    })), /*#__PURE__*/React.createElement(StatisticDropdownMenu, {
       isTableReadOnly: isTableReadOnly,
       chartType: type,
       getOtherStatistics: this.props.getOtherStatistics,
@@ -134,12 +126,12 @@ class ChartPreview extends _react.Component {
       deleteStatItem: this.props.deleteChart.bind(this, statId),
       onNewTableDialogToggle: this.onNewTableDialogToggle,
       onUpdateTableDialogToggle: this.onUpdateTableDialogToggle
-    }))), /*#__PURE__*/_react.default.createElement("div", {
+    }))), /*#__PURE__*/React.createElement("div", {
       id: "stat-item-".concat(statItem._id),
       className: "statistic-chart-preview-container"
-    }, this.renderChart(statItem)), /*#__PURE__*/_react.default.createElement("div", {
+    }, this.renderChart(statItem)), /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-preview-container-resize"
     }));
   }
 }
-var _default = exports.default = ChartPreview;
+export default ChartPreview;

package/es/stat-list/index.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactGridLayout = _interopRequireWildcard(require("react-grid-layout"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _chartPreview = _interopRequireDefault(require("./chart-preview"));
-var _components = require("../components");
-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");
-var _constants = require("../constants");
-const ReactGridLayout = (0, _reactGridLayout.WidthProvider)(_reactGridLayout.default);
-class StatList extends _react.Component {
+import React, { Component } from 'react';
+import GridLayout, { WidthProvider } from 'react-grid-layout';
+import intl from 'react-intl-universal';
+import ChartPreview from './chart-preview';
+import { NewTableDialog, toaster } from '../components';
+import EnlargeChartDialog from '../components/dialog/enlarged-chart-dialog';
+import TableSelectDialog from '../components/dialog/table-select-dialog';
+import { exportStatisticToTable, updateStatisticToTable } from '../utils/export-table-utils';
+import { CommonEventTypes, STAT_TYPE } from '../constants';
+const ReactGridLayout = WidthProvider(GridLayout);
+class StatList extends Component {
   constructor(props) {
     super(props);
     this.getStatItemsLayout = statItems => {
@@ -58,9 +50,9 @@ class StatList extends _react.Component {
       });
     };
     this.exportChart2Table = (tableName, chart) => {
-      if (chart.type !== _constants.STAT_TYPE.PIVOT_TABLE) {
+      if (chart.type !== STAT_TYPE.PIVOT_TABLE) {
         this.statisticalResult4Export = null;
-        _components.toaster.danger(_reactIntlUniversal.default.get('Failed_export_statistic_to_Table'));
+        toaster.danger(intl.get('Failed_export_statistic_to_Table'));
         this.closeNewTableDialog();
         return;
       }
@@ -71,7 +63,7 @@ class StatList extends _react.Component {
       const {
         columns,
         rows
-      } = (0, _exportTableUtils.exportStatisticToTable)({
+      } = exportStatisticToTable({
         statisticalResult: this.statisticalResult4Export
       });
       if (window.app && window.app.onExportStatisticToTable) {
@@ -99,9 +91,9 @@ class StatList extends _react.Component {
       const {
         getTableById
       } = this.props;
-      if (chartUpdate2Table.type !== _constants.STAT_TYPE.PIVOT_TABLE) {
+      if (chartUpdate2Table.type !== STAT_TYPE.PIVOT_TABLE) {
         this.statisticalResult4Update = null;
-        _components.toaster.danger(_reactIntlUniversal.default.get('Failed_export_statistic_to_Table'));
+        toaster.danger(intl.get('Failed_export_statistic_to_Table'));
         this.closeSelectTableDialog();
         return;
       }
@@ -115,7 +107,7 @@ class StatList extends _react.Component {
         updatedRows,
         rowIds,
         oldRows
-      } = (0, _exportTableUtils.updateStatisticToTable)({
+      } = updateStatisticToTable({
         updateTable,
         statisticalResult: this.statisticalResult4Update
       });
@@ -130,7 +122,7 @@ class StatList extends _react.Component {
 
         // refresh charts if has updates
         if (Array.isArray(rowIds) && rowIds.length > 0 || Array.isArray(newRows) && newRows.length > 0) {
-          this.props.eventBus.dispatch(_constants.CommonEventTypes.REFRESH_CHARTS);
+          this.props.eventBus.dispatch(CommonEventTypes.REFRESH_CHARTS);
         }
       }
       this.statisticalResult4Update = null;
@@ -178,9 +170,9 @@ class StatList extends _react.Component {
     const enlargedChart = enlargedChartIndex > -1 && statItems[enlargedChartIndex];
     const chartExport2Table = chartIndexExport2Table > -1 && statItems[chartIndexExport2Table];
     const chartUpdate2Table = chartIndexUpdate2Table > -1 && statItems[chartIndexUpdate2Table];
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "statistic-list"
-    }, Array.isArray(statItems) && /*#__PURE__*/_react.default.createElement(ReactGridLayout, {
+    }, Array.isArray(statItems) && /*#__PURE__*/React.createElement(ReactGridLayout, {
       className: "statistic-layout layout",
       isDraggable: true,
       rowHeight: 35,
@@ -194,11 +186,11 @@ class StatList extends _react.Component {
     }, statItems.map((statItem, index) => {
       const statId = statItem._id;
       if (!statId) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         id: statId,
         key: statId,
         className: "statistic-chart-preview"
-      }, /*#__PURE__*/_react.default.createElement(_chartPreview.default, {
+      }, /*#__PURE__*/React.createElement(ChartPreview, {
         isTableReadOnly: isTableReadOnly,
         dtableChangedTime: dtableChangedTime,
         theme: theme,
@@ -230,7 +222,7 @@ class StatList extends _react.Component {
         onCloseDashboard: this.props.onCloseDashboard,
         toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
       }));
-    })), enlargedChart && /*#__PURE__*/_react.default.createElement(_enlargedChartDialog.default, {
+    })), enlargedChart && /*#__PURE__*/React.createElement(EnlargeChartDialog, {
       dtableChangedTime: dtableChangedTime,
       colorThemeName: colorThemeName,
       statItem: enlargedChart,
@@ -241,17 +233,17 @@ class StatList extends _react.Component {
       onEnlargeToggle: this.closeEnlargedChart,
       onToggleShowEnlarged: this.closeEnlargedChart,
       toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
-    }), chartExport2Table && /*#__PURE__*/_react.default.createElement(_components.NewTableDialog, {
+    }), chartExport2Table && /*#__PURE__*/React.createElement(NewTableDialog, {
       getTables: this.props.getTables,
       tableName: chartExport2Table.name,
       onNewTableConfirm: tableName => this.exportChart2Table(tableName, chartExport2Table),
       onNewTableCancel: this.closeNewTableDialog
-    }), chartUpdate2Table && /*#__PURE__*/_react.default.createElement(_tableSelectDialog.default, {
+    }), chartUpdate2Table && /*#__PURE__*/React.createElement(TableSelectDialog, {
       tables: this.props.getTables(),
-      title: _reactIntlUniversal.default.get('Update_to_a_table'),
+      title: intl.get('Update_to_a_table'),
       toggle: this.closeSelectTableDialog,
       onSelectTable: selectedTableId => this.updateChart2Table(selectedTableId, chartUpdate2Table)
     }));
   }
 }
-var _default = exports.default = StatList;
+export default StatList;

package/es/stat-view/area-chart.js

@@ -1,30 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
-var _baseChart = _interopRequireDefault(require("./base-chart"));
-var _customG = require("../custom-g2");
-var _commonUtils = require("../utils/common-utils");
-var _basicChartUtils = require("../utils/basic-chart-utils");
-var _constants = require("../constants");
+import React from 'react';
+import PropTypes from 'prop-types';
+import intl from 'react-intl-universal';
+import { TableUtils } from 'dtable-store';
+import BaseChart from './base-chart';
+import { Chart } from '../custom-g2';
+import { getCurrentTheme } from '../utils/common-utils';
+import { getChartGroups } from '../utils/basic-chart-utils';
+import { DEFAULT_NUMBER_FORMAT_OBJECT, EMPTY_NAME, LABEL_CONFIG_CHANGED, STATISTICS_COUNT_SHOW, SUMMARY_TYPE, TITLE_AMOUNT, TYPE_COLOR_USING } from '../constants';
 const propTypes = {
-  isPreview: _propTypes.default.bool,
-  isEdit: _propTypes.default.bool,
-  colorThemeName: _propTypes.default.string,
-  statItem: _propTypes.default.object,
-  chartCalculator: _propTypes.default.object,
-  eventBus: _propTypes.default.object,
-  getTableById: _propTypes.default.func,
-  toggleStatisticRecordsDialog: _propTypes.default.func
+  isPreview: PropTypes.bool,
+  isEdit: PropTypes.bool,
+  colorThemeName: PropTypes.string,
+  statItem: PropTypes.object,
+  chartCalculator: PropTypes.object,
+  eventBus: PropTypes.object,
+  getTableById: PropTypes.func,
+  toggleStatisticRecordsDialog: PropTypes.func
 };
-class AreaChart extends _baseChart.default {
+class AreaChart extends BaseChart {
   constructor(props) {
     super(props);
     this.drawChart = data => {
@@ -41,7 +34,7 @@ class AreaChart extends _baseChart.default {
           this.props.toggleStatisticRecordsDialog(data, statItem);
         }
       });
-      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
+      const currentTheme = getCurrentTheme(colorThemeName);
       let {
         table_id,
         y_axis_summary_type,
@@ -51,17 +44,17 @@ class AreaChart extends _baseChart.default {
         color_option
       } = statItem;
       const isGroup = column_groupby_column_key || column_groupby_multiple_numeric_column;
-      let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
-      if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      let summaryColumnData = DEFAULT_NUMBER_FORMAT_OBJECT;
+      if (y_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
-        summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+        const summaryColumn = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+        summaryColumnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       let groupColorMapping = null;
       let chartBarColor = '#2a67d1';
       if (isGroup) {
         chartBarColor = currentTheme && currentTheme.colors;
-        if (color_option === _constants.TYPE_COLOR_USING.USE_COLUMN_COLORS) {
+        if (color_option === TYPE_COLOR_USING.USE_COLUMN_COLORS) {
           // when the 'Group by' column is a 'single-select' column,
           // and the user chooses to use the colors from the column.
           groupColorMapping = {};
@@ -86,7 +79,7 @@ class AreaChart extends _baseChart.default {
           nice: false
         }
       });
-      const chartData = isGroup ? (0, _basicChartUtils.getChartGroups)(data) : data;
+      const chartData = isGroup ? getChartGroups(data) : data;
       const {
         width
       } = this.chart.coordinateBBox;
@@ -147,7 +140,7 @@ class AreaChart extends _baseChart.default {
         config.height = 400;
         config.width = 700;
       }
-      this.chart = new _customG.Chart(config);
+      this.chart = new Chart(config);
     };
     this.drawLine = _ref => {
       let {
@@ -162,7 +155,7 @@ class AreaChart extends _baseChart.default {
       this.chart.line().position('name*value').color(chartBarColor).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          name: y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_summary_method])
+          name: y_axis_summary_type === SUMMARY_TYPE.COUNT ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_summary_method])
         };
       });
       this.chart.point().label(display_data ? 'formatted_value' : false, {
@@ -176,8 +169,8 @@ class AreaChart extends _baseChart.default {
       }).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name,
-          title: y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_summary_method])
+          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name,
+          title: y_axis_summary_type === SUMMARY_TYPE.COUNT ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_summary_method])
         };
       });
     };
@@ -203,8 +196,8 @@ class AreaChart extends _baseChart.default {
       }).position('name*value').size(3).color('group_name', chartBarColor).tooltip('name*formatted_value*group_name', (name, value, group_name) => {
         return {
           value,
-          title: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name,
-          name: !group_name && typeof group_name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : group_name
+          title: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name,
+          name: !group_name && typeof group_name !== 'number' ? intl.get(EMPTY_NAME) : group_name
         };
       }).shape('circle').style({
         lineWidth: 1,
@@ -222,8 +215,8 @@ class AreaChart extends _baseChart.default {
       this.chart.area().position('name*value').color(chartBarColor).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name,
-          title: y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_summary_method])
+          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name,
+          title: y_axis_summary_type === SUMMARY_TYPE.COUNT ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_summary_method])
         };
       });
     };
@@ -238,8 +231,8 @@ class AreaChart extends _baseChart.default {
       this.chart.area().position('name*value').color('group_name', chartBarColor).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name,
-          title: y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_summary_method])
+          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name,
+          title: y_axis_summary_type === SUMMARY_TYPE.COUNT ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_summary_method])
         };
       });
     };
@@ -345,7 +338,7 @@ class AreaChart extends _baseChart.default {
             fill: themeColors.textColor
           },
           formatter: name => {
-            return !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name;
+            return !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name;
           }
         },
         pageNavigator: {
@@ -394,7 +387,7 @@ class AreaChart extends _baseChart.default {
         const div = document.createElement('div');
         div.id = xAxisID;
         div.className = 'statistic-chart-axis-label';
-        const column = _dtableStore.TableUtils.getTableColumnByKey(table, x_axis_column_key);
+        const column = TableUtils.getTableColumnByKey(table, x_axis_column_key);
         div.innerHTML = "".concat(column ? column.name : '');
         div.setAttribute('style', "color:".concat(textColor, "; width: 100%; padding-left: ").concat(autoPadding.left, "px; text-align: ").concat(x_axis_label_position, "; bottom: -20px"));
         chartContainer.appendChild(div);
@@ -412,10 +405,10 @@ class AreaChart extends _baseChart.default {
         const div = document.createElement('div');
         div.id = yAxisID;
         div.className = 'statistic-chart-axis-label';
-        if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
-          div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
+        if (y_axis_summary_type === SUMMARY_TYPE.COUNT) {
+          div.innerHTML = intl.get(TITLE_AMOUNT);
         } else {
-          const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+          const column = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
           div.innerHTML = column.name || '';
         }
         const containerHeight = chartContainer.offsetHeight;
@@ -452,7 +445,7 @@ class AreaChart extends _baseChart.default {
       chartCalculator,
       eventBus
     } = this.props;
-    this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
+    this.unsubscribeStyleChange = eventBus.subscribe(LABEL_CONFIG_CHANGED, newStatItem => {
       this.renderAxisLabel(newStatItem);
     });
     if (!this.container) return;
@@ -538,7 +531,7 @@ class AreaChart extends _baseChart.default {
       show_y_axis_label,
       show_x_axis_label
     } = statItem;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
       ref: ref => this.container = ref,
       style: {
         padding: show_y_axis_label || show_x_axis_label ? 30 : 20
@@ -548,4 +541,4 @@ class AreaChart extends _baseChart.default {
   }
 }
 AreaChart.propTypes = propTypes;
-var _default = exports.default = AreaChart;
+export default AreaChart;