dtable-statistic 4.3.2 → 4.3.3

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

@@ -1,10 +1,18 @@
-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 {
+"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 {
   constructor(props) {
     super(props);
     this.openTypesDialog = () => {
@@ -22,21 +30,21 @@ class TypeSettings extends Component {
         type: chartType
       } = this.props.chart;
       switch (chartType) {
-        case STAT_TYPE.MAP:
+        case _constants.STAT_TYPE.MAP:
           {
             return '中国地图';
           }
-        case STAT_TYPE.MAP_BUBBLE:
+        case _constants.STAT_TYPE.MAP_BUBBLE:
           {
             return '中国地图(气泡图)';
           }
-        case STAT_TYPE.WORLD_MAP_BUBBLE:
+        case _constants.STAT_TYPE.WORLD_MAP_BUBBLE:
           {
-            return "".concat(intl.get(STATISTIC_TYPE_SHOW[STAT_TYPE.WORLD_MAP]), "(").concat(intl.get('Bubble'), ")");
+            return "".concat(_reactIntlUniversal.default.get(_constants.STATISTIC_TYPE_SHOW[_constants.STAT_TYPE.WORLD_MAP]), "(").concat(_reactIntlUniversal.default.get('Bubble'), ")");
           }
         default:
           {
-            return intl.get(STATISTIC_TYPE_SHOW[chartType]);
+            return _reactIntlUniversal.default.get(_constants.STATISTIC_TYPE_SHOW[chartType]);
           }
       }
     };
@@ -54,21 +62,21 @@ class TypeSettings extends Component {
     const {
       type: chartType
     } = chart;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Chart_type')), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Chart_type')), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-selected-type-container d-flex align-items-center"
-    }, /*#__PURE__*/React.createElement("span", null, this.getChartTypeName()), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("span", null, this.getChartTypeName()), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-switch-type-container",
       onClick: this.openTypesDialog
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
       symbol: "switch-icon",
       className: "statistic-type-switch-icon"
-    })))), isShowDialog && /*#__PURE__*/React.createElement(StatisticTypesDialog, {
+    })))), isShowDialog && /*#__PURE__*/_react.default.createElement(_statisticTypesDialog.default, {
       type: chartType,
       onChange: this.props.onChange,
       onToggle: this.closeTypesDialog
     }));
   }
 }
-export default TypeSettings;
+var _default = exports.default = TypeSettings;

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

@@ -1,12 +1,24 @@
-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 {
+"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 {
   constructor() {
     super(...arguments);
+    this.onMouseDown = event => {
+      event.preventDefault();
+      event.stopPropagation();
+    };
     this.onToggleShowEnlarged = event => {
       if (event) {
         event.preventDefault();
@@ -30,11 +42,11 @@ class ChartPreview extends Component {
         exportContainer.setAttribute('style', "width: ".concat(containerWidth, "px; height: ").concat(containerHeight, "px;"));
       }
       document.body.appendChild(exportContainer);
-      ReactDOM.render(this.renderChart(statItem), exportContainer);
+      _reactDom.default.render(this.renderChart(statItem), exportContainer);
       setTimeout(() => {
         const ele = document.querySelector("#".concat(exportContainerID, " .statistic-chart-container"));
         if (!ele) return;
-        html2canvas(ele, {
+        (0, _html2canvas.default)(ele, {
           windowWidth: ele.scrollWidth,
           windowHeight: ele.scrollHeight
         }).then(canvas => {
@@ -66,7 +78,7 @@ class ChartPreview extends Component {
         colorThemeName,
         eventBus
       } = this.props;
-      return /*#__PURE__*/React.createElement(StatView, {
+      return /*#__PURE__*/_react.default.createElement(_statView.default, {
         ref: ref => this.chartView = ref,
         isPreview: true,
         isEnlarge: false,
@@ -98,19 +110,20 @@ class ChartPreview extends Component {
       name: statName,
       type
     } = statItem;
-    const showStatName = !(type === STAT_TYPE.BASIC_NUMBER_CARD || type === STAT_TYPE.DASHBOARD);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    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", {
       className: "statistic-chart-preview-header"
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "statistic-chart-preview-name"
-    }, showStatName ? statName : ''), /*#__PURE__*/React.createElement("span", {
+    }, showStatName ? statName : ''), /*#__PURE__*/_react.default.createElement("span", {
       className: "statistic-chart-preview-operations"
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "statistic-chart-preview-microscope",
+      onMouseDown: this.onMouseDown,
       onClick: this.onToggleShowEnlarged
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-open"
-    })), /*#__PURE__*/React.createElement(StatisticDropdownMenu, {
+    })), /*#__PURE__*/_react.default.createElement(_statisticDropdownMenu.default, {
       isTableReadOnly: isTableReadOnly,
       chartType: type,
       getOtherStatistics: this.props.getOtherStatistics,
@@ -121,12 +134,12 @@ class ChartPreview extends Component {
       deleteStatItem: this.props.deleteChart.bind(this, statId),
       onNewTableDialogToggle: this.onNewTableDialogToggle,
       onUpdateTableDialogToggle: this.onUpdateTableDialogToggle
-    }))), /*#__PURE__*/React.createElement("div", {
+    }))), /*#__PURE__*/_react.default.createElement("div", {
       id: "stat-item-".concat(statItem._id),
       className: "statistic-chart-preview-container"
-    }, this.renderChart(statItem)), /*#__PURE__*/React.createElement("div", {
+    }, this.renderChart(statItem)), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-preview-container-resize"
     }));
   }
 }
-export default ChartPreview;
+var _default = exports.default = ChartPreview;

package/es/stat-list/index.js

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

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

@@ -1,23 +1,30 @@
-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';
+"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");
 const propTypes = {
-  isPreview: PropTypes.bool,
-  isEdit: PropTypes.bool,
-  colorThemeName: PropTypes.string,
-  statItem: PropTypes.object,
-  chartCalculator: PropTypes.object,
-  eventBus: PropTypes.object,
-  getTableById: PropTypes.func,
-  toggleStatisticRecordsDialog: PropTypes.func
+  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
 };
-class AreaChart extends BaseChart {
+class AreaChart extends _baseChart.default {
   constructor(props) {
     super(props);
     this.drawChart = data => {
@@ -34,7 +41,7 @@ class AreaChart extends BaseChart {
           this.props.toggleStatisticRecordsDialog(data, statItem);
         }
       });
-      const currentTheme = getCurrentTheme(colorThemeName);
+      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
       let {
         table_id,
         y_axis_summary_type,
@@ -44,17 +51,17 @@ class AreaChart extends BaseChart {
         color_option
       } = statItem;
       const isGroup = column_groupby_column_key || column_groupby_multiple_numeric_column;
-      let summaryColumnData = DEFAULT_NUMBER_FORMAT_OBJECT;
-      if (y_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
+      let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+      if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
-        summaryColumnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
+        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+        summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       let groupColorMapping = null;
       let chartBarColor = '#2a67d1';
       if (isGroup) {
         chartBarColor = currentTheme && currentTheme.colors;
-        if (color_option === TYPE_COLOR_USING.USE_COLUMN_COLORS) {
+        if (color_option === _constants.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 = {};
@@ -79,7 +86,7 @@ class AreaChart extends BaseChart {
           nice: false
         }
       });
-      const chartData = isGroup ? getChartGroups(data) : data;
+      const chartData = isGroup ? (0, _basicChartUtils.getChartGroups)(data) : data;
       const {
         width
       } = this.chart.coordinateBBox;
@@ -140,7 +147,7 @@ class AreaChart extends BaseChart {
         config.height = 400;
         config.width = 700;
       }
-      this.chart = new Chart(config);
+      this.chart = new _customG.Chart(config);
     };
     this.drawLine = _ref => {
       let {
@@ -155,7 +162,7 @@ class AreaChart extends BaseChart {
       this.chart.line().position('name*value').color(chartBarColor).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          name: y_axis_summary_type === SUMMARY_TYPE.COUNT ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_summary_method])
+          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])
         };
       });
       this.chart.point().label(display_data ? 'formatted_value' : false, {
@@ -169,8 +176,8 @@ class AreaChart extends BaseChart {
       }).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          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])
+          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])
         };
       });
     };
@@ -196,8 +203,8 @@ class AreaChart extends BaseChart {
       }).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' ? intl.get(EMPTY_NAME) : name,
-          name: !group_name && typeof group_name !== 'number' ? intl.get(EMPTY_NAME) : group_name
+          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
         };
       }).shape('circle').style({
         lineWidth: 1,
@@ -215,8 +222,8 @@ class AreaChart extends BaseChart {
       this.chart.area().position('name*value').color(chartBarColor).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          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])
+          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])
         };
       });
     };
@@ -231,8 +238,8 @@ class AreaChart extends BaseChart {
       this.chart.area().position('name*value').color('group_name', chartBarColor).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          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])
+          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])
         };
       });
     };
@@ -250,7 +257,7 @@ class AreaChart extends BaseChart {
       };
 
       // eslint-disable-next-line
-      if (y_axis_auto_range == undefined || y_axis_auto_range) {
+      if (y_axis_auto_range === undefined || y_axis_auto_range === null || y_axis_auto_range) {
         valueScaleOptions = Object.assign(valueScaleOptions, {
           nice: true
         });
@@ -338,7 +345,7 @@ class AreaChart extends BaseChart {
             fill: themeColors.textColor
           },
           formatter: name => {
-            return !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name;
+            return !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name;
           }
         },
         pageNavigator: {
@@ -387,7 +394,7 @@ class AreaChart extends BaseChart {
         const div = document.createElement('div');
         div.id = xAxisID;
         div.className = 'statistic-chart-axis-label';
-        const column = TableUtils.getTableColumnByKey(table, x_axis_column_key);
+        const column = _dtableStore.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);
@@ -405,10 +412,10 @@ class AreaChart extends BaseChart {
         const div = document.createElement('div');
         div.id = yAxisID;
         div.className = 'statistic-chart-axis-label';
-        if (y_axis_summary_type === SUMMARY_TYPE.COUNT) {
-          div.innerHTML = intl.get(TITLE_AMOUNT);
+        if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
+          div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
         } else {
-          const column = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+          const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
           div.innerHTML = column.name || '';
         }
         const containerHeight = chartContainer.offsetHeight;
@@ -445,7 +452,7 @@ class AreaChart extends BaseChart {
       chartCalculator,
       eventBus
     } = this.props;
-    this.unsubscribeStyleChange = eventBus.subscribe(LABEL_CONFIG_CHANGED, newStatItem => {
+    this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
       this.renderAxisLabel(newStatItem);
     });
     if (!this.container) return;
@@ -531,7 +538,7 @@ class AreaChart extends BaseChart {
       show_y_axis_label,
       show_x_axis_label
     } = statItem;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.container = ref,
       style: {
         padding: show_y_axis_label || show_x_axis_label ? 30 : 20
@@ -541,4 +548,4 @@ class AreaChart extends BaseChart {
   }
 }
 AreaChart.propTypes = propTypes;
-export default AreaChart;
+var _default = exports.default = AreaChart;