dtable-statistic 4.3.3 → 4.3.4

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

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

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

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

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

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

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

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