dtable-statistic 4.3.2 → 4.3.3

package/es/stat-editor/stat-settings/advance-chart-settings/index.js

@@ -1,26 +1,34 @@
-import React, { Fragment } from 'react';
-import intl from 'react-intl-universal';
-import { isNumericColumn } from 'dtable-store';
-import MapSettings from './map-settings';
-import WorldMapSettings from './world-map-settings';
-import HeatMapSettings from './heat-map-settings';
-import MirrorSettings from './mirror-settings';
-import BasicNumberCardSettings from './basic-number-card-settings';
-import CombinationSettings from './combination-settings';
-import TrendSettings from './trend-chart-settings';
-import DashboardChartSettings from './dashboard-chart-settings';
-import { STAT_TYPE, SUMMARY_TYPE, SUMMARY_METHOD } from '../../../constants';
+"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 _dtableStore = require("dtable-store");
+var _mapSettings = _interopRequireDefault(require("./map-settings"));
+var _worldMapSettings = _interopRequireDefault(require("./world-map-settings"));
+var _heatMapSettings = _interopRequireDefault(require("./heat-map-settings"));
+var _mirrorSettings = _interopRequireDefault(require("./mirror-settings"));
+var _basicNumberCardSettings = _interopRequireDefault(require("./basic-number-card-settings"));
+var _combinationSettings = _interopRequireDefault(require("./combination-settings"));
+var _trendChartSettings = _interopRequireDefault(require("./trend-chart-settings"));
+var _dashboardChartSettings = _interopRequireDefault(require("./dashboard-chart-settings"));
+var _constants = require("../../../constants");
 const GROUP_TYPES = {
   COUNT: 'count',
   SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
   MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
 };
-class AdvancedChartSettings extends React.Component {
+class AdvancedChartSettings extends _react.default.Component {
   constructor(props) {
     super(props);
     this.getNumericColumns = columns => {
       if (!columns) return [];
-      return columns.filter(column => column && isNumericColumn(column));
+      return columns.filter(column => column && (0, _dtableStore.isNumericColumn)(column));
     };
     this.getSettingsByType = () => {
       const {
@@ -40,10 +48,10 @@ class AdvancedChartSettings extends React.Component {
         table_id: selectedTableId
       } = statItem;
       switch (type) {
-        case STAT_TYPE.MAP:
-        case STAT_TYPE.MAP_BUBBLE:
+        case _constants.STAT_TYPE.MAP:
+        case _constants.STAT_TYPE.MAP_BUBBLE:
           {
-            return /*#__PURE__*/React.createElement(MapSettings, {
+            return /*#__PURE__*/_react.default.createElement(_mapSettings.default, {
               settingType: settingType,
               selectedTableId: selectedTableId,
               columns: this.columns,
@@ -63,10 +71,10 @@ class AdvancedChartSettings extends React.Component {
               onChangeColor: this.onChangeColor
             });
           }
-        case STAT_TYPE.WORLD_MAP:
-        case STAT_TYPE.WORLD_MAP_BUBBLE:
+        case _constants.STAT_TYPE.WORLD_MAP:
+        case _constants.STAT_TYPE.WORLD_MAP_BUBBLE:
           {
-            return /*#__PURE__*/React.createElement(WorldMapSettings, {
+            return /*#__PURE__*/_react.default.createElement(_worldMapSettings.default, {
               settingType: settingType,
               selectedTableId: selectedTableId,
               columns: this.columns,
@@ -86,9 +94,9 @@ class AdvancedChartSettings extends React.Component {
               onChangeColor: this.onChangeColor
             });
           }
-        case STAT_TYPE.HEAT_MAP:
+        case _constants.STAT_TYPE.HEAT_MAP:
           {
-            return /*#__PURE__*/React.createElement(HeatMapSettings, {
+            return /*#__PURE__*/_react.default.createElement(_heatMapSettings.default, {
               settingType: settingType,
               selectedTableId: selectedTableId,
               columns: this.columns,
@@ -108,9 +116,9 @@ class AdvancedChartSettings extends React.Component {
               onChangeColor: this.onChangeColor
             });
           }
-        case STAT_TYPE.MIRROR:
+        case _constants.STAT_TYPE.MIRROR:
           {
-            return /*#__PURE__*/React.createElement(MirrorSettings, {
+            return /*#__PURE__*/_react.default.createElement(_mirrorSettings.default, {
               settingType: settingType,
               selectedTableId: selectedTableId,
               columns: this.columns,
@@ -129,9 +137,9 @@ class AdvancedChartSettings extends React.Component {
               onSelectSummaryMethod: this.onSelectSummaryMethod
             });
           }
-        case STAT_TYPE.BASIC_NUMBER_CARD:
+        case _constants.STAT_TYPE.BASIC_NUMBER_CARD:
           {
-            return /*#__PURE__*/React.createElement(BasicNumberCardSettings, {
+            return /*#__PURE__*/_react.default.createElement(_basicNumberCardSettings.default, {
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
               eventBus: eventBus,
@@ -148,9 +156,9 @@ class AdvancedChartSettings extends React.Component {
               onSelectSummaryMethod: this.onSelectSummaryMethod
             });
           }
-        case STAT_TYPE.COMBINATION_CHART:
+        case _constants.STAT_TYPE.COMBINATION_CHART:
           {
-            return /*#__PURE__*/React.createElement(CombinationSettings, {
+            return /*#__PURE__*/_react.default.createElement(_combinationSettings.default, {
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
               eventBus: eventBus,
@@ -166,9 +174,9 @@ class AdvancedChartSettings extends React.Component {
               getColumnsOptions: this.getColumnsOptions
             });
           }
-        case STAT_TYPE.TREND_CHART:
+        case _constants.STAT_TYPE.TREND_CHART:
           {
-            return /*#__PURE__*/React.createElement(TrendSettings, {
+            return /*#__PURE__*/_react.default.createElement(_trendChartSettings.default, {
               settingType: settingType,
               selectedTableId: selectedTableId,
               columns: this.columns,
@@ -187,9 +195,9 @@ class AdvancedChartSettings extends React.Component {
               onSelectSummaryMethod: this.onSelectSummaryMethod
             });
           }
-        case STAT_TYPE.DASHBOARD:
+        case _constants.STAT_TYPE.DASHBOARD:
           {
-            return /*#__PURE__*/React.createElement(DashboardChartSettings, {
+            return /*#__PURE__*/_react.default.createElement(_dashboardChartSettings.default, {
               statItem: statItem,
               labelColorConfigs: labelColorConfigs,
               eventBus: eventBus,
@@ -219,7 +227,7 @@ class AdvancedChartSettings extends React.Component {
           type
         } = column;
         return {
-          label: /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement("span", {
             className: "select-option-name"
           }, name),
           value: {
@@ -239,10 +247,10 @@ class AdvancedChartSettings extends React.Component {
       if (summaryType === summary_type) return;
       if (summaryType === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
         summary_column = null;
-        summary_method = SUMMARY_METHOD[0];
-        summary_type = SUMMARY_TYPE.ADVANCED;
+        summary_method = _constants.SUMMARY_METHOD[0];
+        summary_type = _constants.SUMMARY_TYPE.ADVANCED;
       } else {
-        summary_type = SUMMARY_TYPE.COUNT;
+        summary_type = _constants.SUMMARY_TYPE.COUNT;
         summary_method = null;
         summary_column = null;
       }
@@ -306,21 +314,21 @@ class AdvancedChartSettings extends React.Component {
     const {
       settingType
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-settings"
-    }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-settings-type"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       onClick: () => this.selectEditType('data'),
       className: "statistic-type-item ".concat(settingType === 'data' ? 'selected-statistic-type-item' : '')
-    }, intl.get('Data_settings')), /*#__PURE__*/React.createElement("div", {
+    }, _reactIntlUniversal.default.get('Data_settings')), /*#__PURE__*/_react.default.createElement("div", {
       onClick: () => this.selectEditType('style'),
       className: "statistic-type-item ".concat(settingType === 'style' ? 'selected-statistic-type-item' : '')
-    }, intl.get('Style_settings'))), /*#__PURE__*/React.createElement("div", {
+    }, _reactIntlUniversal.default.get('Style_settings'))), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-settings-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-settings-parameter-list pt-4"
     }, this.getSettingsByType()))));
   }
 }
-export default AdvancedChartSettings;
+var _default = exports.default = AdvancedChartSettings;

package/es/stat-editor/stat-settings/advance-chart-settings/map-settings.js

@@ -1,18 +1,26 @@
-import React, { Component, Fragment } from 'react';
-import BaseSettings from '../public-setting/base-settings';
-import ColumnSettings from '../public-setting/column-settings';
-import SummarySettings from './summary-settings';
-import MapStyleSetting from './style-setting/map-setting';
-import { isMapColumn } from '../../../utils/column-utils';
-import { GEOLOCATION_GRANULARITY } from '../../../constants';
-import MapLevelSettings from '../map/map-level';
-import MapProvinceCitySettings from '../map/map-province-city';
-class MapSettings 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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
+var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
+var _summarySettings = _interopRequireDefault(require("./summary-settings"));
+var _mapSetting = _interopRequireDefault(require("./style-setting/map-setting"));
+var _columnUtils = require("../../../utils/column-utils");
+var _constants = require("../../../constants");
+var _mapLevel = _interopRequireDefault(require("../map/map-level"));
+var _mapProvinceCity = _interopRequireDefault(require("../map/map-province-city"));
+class MapSettings extends _react.Component {
   constructor(props) {
     super(props);
     this.getColumns = columns => {
       if (!Array.isArray(columns) || columns.length === 0) return [];
-      return columns.filter(column => isMapColumn(column));
+      return columns.filter(column => (0, _columnUtils.isMapColumn)(column));
     };
     this.getSelectedGeoColumnOption = () => {
       return this.geoColumnsOptions.find(option => option.value.key === this.props.statItem.geo_column);
@@ -25,7 +33,7 @@ class MapSettings extends Component {
       if (new_geo_column === geo_column) return;
       this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         geo_column: new_geo_column,
-        geolocation_granularity: GEOLOCATION_GRANULARITY.PROVINCE
+        geolocation_granularity: _constants.GEOLOCATION_GRANULARITY.PROVINCE
       }));
     };
     const {
@@ -60,13 +68,13 @@ class MapSettings extends Component {
     } = statItem;
     const selectedGeoColumnOption = this.getSelectedGeoColumnOption();
     if (settingType === 'style') {
-      return /*#__PURE__*/React.createElement(MapStyleSetting, {
+      return /*#__PURE__*/_react.default.createElement(_mapSetting.default, {
         statItem: statItem,
         onChangeColor: this.props.onChangeColor,
         updateStatItem: this.props.updateStatItem
       });
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
       statItem: statItem,
       selectedTableId: selectedTableId,
       selectedViewId: selectedViewId,
@@ -75,25 +83,25 @@ class MapSettings extends Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(MapLevelSettings, {
+    }), /*#__PURE__*/_react.default.createElement(_mapLevel.default, {
       statItem: statItem,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/React.createElement(MapProvinceCitySettings, {
+    }), /*#__PURE__*/_react.default.createElement(_mapProvinceCity.default, {
       statItem: statItem,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, "\u4F4D\u7F6E\u5B57\u6BB5"), /*#__PURE__*/React.createElement(ColumnSettings, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, "\u4F4D\u7F6E\u5B57\u6BB5"), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
       columnsOptions: this.geoColumnsOptions,
       selectedColumnOption: selectedGeoColumnOption,
       onChangeSelectedColumn: this.onSelectGeoColumn
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(SummarySettings, {
+    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
       label: '归总方法',
       statItem: statItem,
       selectedTableId: selectedTableId,
@@ -108,4 +116,4 @@ class MapSettings extends Component {
     }));
   }
 }
-export default MapSettings;
+var _default = exports.default = MapSettings;

package/es/stat-editor/stat-settings/advance-chart-settings/mirror-settings.js

@@ -1,11 +1,19 @@
-import React, { Component, Fragment } from 'react';
-import intl from 'react-intl-universal';
-import BaseSettings from '../public-setting/base-settings';
-import ColumnSettings from '../public-setting/column-settings';
-import SummarySettings from './summary-settings';
-import ToggleSetting from '../public-setting/toggle-setting';
-import { isMirrorColumn } from '../../../utils/column-utils';
-class MirrorSettings 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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
+var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
+var _summarySettings = _interopRequireDefault(require("./summary-settings"));
+var _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
+var _columnUtils = require("../../../utils/column-utils");
+class MirrorSettings extends _react.Component {
   constructor(props) {
     super(props);
     this.getSelectedStatColumnOption = () => {
@@ -43,7 +51,7 @@ class MirrorSettings extends Component {
       columns,
       getColumnsOptions
     } = props;
-    const statColumns = columns.filter(column => isMirrorColumn(column));
+    const statColumns = columns.filter(column => (0, _columnUtils.isMirrorColumn)(column));
     const groupColumns = columns.filter(column => column.type === 'single-select');
     this.statColumnsOptions = getColumnsOptions(statColumns);
     this.groupColumnsOptions = getColumnsOptions(groupColumns);
@@ -54,7 +62,7 @@ class MirrorSettings extends Component {
         columns,
         getColumnsOptions
       } = nextProps;
-      const statColumns = columns.filter(column => isMirrorColumn(column));
+      const statColumns = columns.filter(column => (0, _columnUtils.isMirrorColumn)(column));
       this.statColumnsOptions = getColumnsOptions(statColumns);
       const groupColumns = columns.filter(column => column.type === 'single-select');
       this.groupColumnsOptions = getColumnsOptions(groupColumns);
@@ -75,7 +83,7 @@ class MirrorSettings extends Component {
     if (settingType === 'style') {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
       statItem: statItem,
       selectedTableId: statItem.table_id,
       selectedViewId: statItem.view_id,
@@ -84,30 +92,30 @@ class MirrorSettings extends Component {
       getTableById: this.props.getTableById,
       getConvertedChart: this.props.getConvertedChart,
       updateStatItem: this.props.updateStatItem
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Statistic_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Statistic_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
       columnsOptions: this.statColumnsOptions,
       selectedColumnOption: selectedColumnOption,
       onChangeSelectedColumn: this.onSelectStatColumn
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(ToggleSetting, {
-      label: intl.get('Reversing'),
+    }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
+      label: _reactIntlUniversal.default.get('Reversing'),
       isChecked: statItem.is_transpose,
       handleToggleChange: this.handleToggleChange
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Column_grouping_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Column_grouping_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
       columnsOptions: this.groupColumnsOptions,
       selectedColumnOption: selectedGroupColumnOption,
       onChangeSelectedColumn: this.onSelectGroupColumn
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(SummarySettings, {
-      label: intl.get('Summary_method'),
+    }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
+      label: _reactIntlUniversal.default.get('Summary_method'),
       statItem: statItem,
       selectedTableId: selectedTableId,
       numericColumns: numericColumns,
@@ -121,4 +129,4 @@ class MirrorSettings extends Component {
     }));
   }
 }
-export default MirrorSettings;
+var _default = exports.default = MirrorSettings;

package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/combination-style-setting.js

@@ -1,12 +1,20 @@
-import React, { Component, Fragment } from 'react';
-import intl from 'react-intl-universal';
-import ToggleSetting from '../../public-setting/toggle-setting';
-import AxisLabelPosition from '../../public-setting/axis-label-position-setting';
-import IndToggleSetting from '../../public-setting/ind-toggle-setting';
-import MinMaxSetting from '../../public-setting/min-max-setting';
-import LabelFontSizeEditor from '../../basic-chart-settings/style-setting/label-font-size-editor';
-import { LABEL_CONFIG_CHANGED } from '../../../../constants';
-class CombinationChartStyle 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 _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
+var _axisLabelPositionSetting = _interopRequireDefault(require("../../public-setting/axis-label-position-setting"));
+var _indToggleSetting = _interopRequireDefault(require("../../public-setting/ind-toggle-setting"));
+var _minMaxSetting = _interopRequireDefault(require("../../public-setting/min-max-setting"));
+var _labelFontSizeEditor = _interopRequireDefault(require("../../basic-chart-settings/style-setting/label-font-size-editor"));
+var _constants = require("../../../../constants");
+class CombinationChartStyle extends _react.Component {
   constructor() {
     super(...arguments);
     this.renderShowAxisLabel = (type, position) => {
@@ -17,17 +25,17 @@ class CombinationChartStyle extends Component {
         show_x_axis_label
       } = statItem || {};
       if (type === 'x') {
-        return /*#__PURE__*/React.createElement(ToggleSetting, {
+        return /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
           isChecked: show_x_axis_label || false,
           handleToggleChange: this.onToggleXAxisLabel,
-          label: intl.get('Display_title')
+          label: _reactIntlUniversal.default.get('Display_title')
         });
       } else {
         const isChecked = this.props.statItem["show_y_axis_".concat(position, "_label")] || false;
-        return /*#__PURE__*/React.createElement(ToggleSetting, {
+        return /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
           isChecked: isChecked,
           handleToggleChange: () => this.onToggleYAxisLabel(position),
-          label: intl.get('Display_title')
+          label: _reactIntlUniversal.default.get('Display_title')
         });
       }
     };
@@ -44,7 +52,7 @@ class CombinationChartStyle extends Component {
         x_axis_label_position: !show_x_axis_label ? 'center' : null
       };
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onToggleYAxisLabel = position => {
@@ -57,7 +65,7 @@ class CombinationChartStyle extends Component {
         ["y_axis_".concat(position, "_label_position")]: !statItem["show_y_axis_".concat(position, "_label")] ? 'center' : null
       };
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onSelectAxisLabelPosition = (type, option, position) => {
@@ -76,7 +84,7 @@ class CombinationChartStyle extends Component {
         eventBus
       } = this.props;
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onToggleYAxisAutoRange = key => {
@@ -84,7 +92,7 @@ class CombinationChartStyle extends Component {
         statItem
       } = this.props;
       const updated = {
-        [key]: statItem[key] == undefined ? false : !statItem[key]
+        [key]: statItem[key] === undefined || statItem[key] === null ? false : !statItem[key]
       };
       this.props.updateStatItem(Object.assign({}, statItem, updated));
     };
@@ -141,16 +149,16 @@ class CombinationChartStyle extends Component {
         y_axis_min_left,
         y_axis_max_left
       } = statItem;
-      const checked = y_axis_auto_range_left == undefined ? true : y_axis_auto_range_left;
-      return /*#__PURE__*/React.createElement("div", {
+      const checked = y_axis_auto_range_left === undefined || y_axis_auto_range_left === null ? true : y_axis_auto_range_left;
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/React.createElement(ToggleSetting, {
+      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
         isChecked: checked,
         handleToggleChange: () => {
           this.onToggleYAxisAutoRange('y_axis_auto_range_left');
         },
-        label: intl.get('Auto_range')
-      }), !checked && /*#__PURE__*/React.createElement(MinMaxSetting, {
+        label: _reactIntlUniversal.default.get('Auto_range')
+      }), !checked && /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
         min: y_axis_min_left,
         max: y_axis_max_left,
         onMinChange: this.onYAxisMinChange.bind(this, 'y_axis_min_left'),
@@ -166,16 +174,16 @@ class CombinationChartStyle extends Component {
         y_axis_min_right,
         y_axis_max_right
       } = statItem;
-      const checked = y_axis_auto_range_right == undefined ? true : y_axis_auto_range_right;
-      return /*#__PURE__*/React.createElement("div", {
+      const checked = y_axis_auto_range_right === undefined || y_axis_auto_range_right === null ? true : y_axis_auto_range_right;
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/React.createElement(ToggleSetting, {
+      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
         isChecked: checked,
         handleToggleChange: () => {
           this.onToggleYAxisAutoRange('y_axis_auto_range_right');
         },
-        label: intl.get('Auto_range')
-      }), !checked && /*#__PURE__*/React.createElement(MinMaxSetting, {
+        label: _reactIntlUniversal.default.get('Auto_range')
+      }), !checked && /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
         min: y_axis_min_right,
         max: y_axis_max_right,
         onMinChange: this.onYAxisMinChange.bind(this, 'y_axis_min_right'),
@@ -194,39 +202,39 @@ class CombinationChartStyle extends Component {
       display_data = false,
       label_font_size = 12
     } = statItem;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('X-axis')), this.renderShowAxisLabel('x'), show_x_axis_label && /*#__PURE__*/React.createElement(AxisLabelPosition, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), this.renderShowAxisLabel('x'), show_x_axis_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
       statItem: statItem,
       axisType: 'x',
       onSelectAxisLabelPosition: this.onSelectAxisLabelPosition
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Y-axis(left side)')), this.renderShowAxisLabel('y', 'left'), show_y_axis_left_label && /*#__PURE__*/React.createElement(AxisLabelPosition, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis(left side)')), this.renderShowAxisLabel('y', 'left'), show_y_axis_left_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
       statItem: statItem,
       axisType: 'y_left',
       onSelectAxisLabelPosition: (type, option) => this.onSelectAxisLabelPosition(type, option, 'left')
-    }), this.renderLeftAutoRange()), /*#__PURE__*/React.createElement("div", {
+    }), this.renderLeftAutoRange()), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Y-axis(right side)')), this.renderShowAxisLabel('y', 'right'), show_y_axis_right_label && /*#__PURE__*/React.createElement(AxisLabelPosition, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis(right side)')), this.renderShowAxisLabel('y', 'right'), show_y_axis_right_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
       statItem: statItem,
       axisType: 'y_right',
       onSelectAxisLabelPosition: (type, option) => this.onSelectAxisLabelPosition(type, option, 'right')
-    }), this.renderRightAutoRange()), /*#__PURE__*/React.createElement("div", {
+    }), this.renderRightAutoRange()), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(IndToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_indToggleSetting.default, {
       isChecked: display_data,
       handleToggleChange: this.onToggleDisplayData,
-      label: intl.get('Display_data')
-    }), display_data && /*#__PURE__*/React.createElement(LabelFontSizeEditor, {
+      label: _reactIntlUniversal.default.get('Display_data')
+    }), display_data && /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
       className: "mt-3",
       fontSize: label_font_size,
       onChangeFontSize: this.onChangeLabelFontSize
     })));
   }
 }
-export default CombinationChartStyle;
+var _default = exports.default = CombinationChartStyle;