dtable-statistic 4.3.3 → 4.3.4

package/es/stat-editor/stat-settings/color-setting/color-picker.js

@@ -1,13 +1,6 @@
-"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 _reactColor = require("react-color");
-require("../../../assets/css/color-picker.css");
+import React from 'react';
+import { ChromePicker } from 'react-color';
+import '../../../assets/css/color-picker.css';
 const COVER = {
   position: 'fixed',
   top: '0px',
@@ -15,7 +8,7 @@ const COVER = {
   bottom: '0px',
   left: '0px'
 };
-class ColorPicker extends _react.default.PureComponent {
+class ColorPicker extends React.PureComponent {
   constructor(props) {
     super(props);
     this.onInputChanged = event => {
@@ -94,29 +87,29 @@ class ColorPicker extends _react.default.PureComponent {
     const {
       readOnly
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-color-picker-container",
       ref: ref => this.colorPickerContainerRef = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "picker-control ".concat(readOnly ? 'readOnly' : '')
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "color-control ".concat(isWhiteColor ? 'white-color' : '', " ").concat(readOnly ? 'readOnly' : ''),
       onClick: this.onPickColorToggle,
       style: {
         background: activeColor
       }
-    }), /*#__PURE__*/_react.default.createElement("input", {
+    }), /*#__PURE__*/React.createElement("input", {
       className: "text-control",
       type: "text",
       value: activeColor,
       onChange: this.onInputChanged,
       readOnly: readOnly
-    })), this.state.isShowColorPicker && /*#__PURE__*/_react.default.createElement("div", {
+    })), this.state.isShowColorPicker && /*#__PURE__*/React.createElement("div", {
       style: this.getPopoverStyle()
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: COVER,
       onClick: this.onPickColorToggle
-    }), /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
+    }), /*#__PURE__*/React.createElement(ChromePicker, {
       disableAlpha: true,
       color: activeColor,
       onChange: this.onPickChanged
@@ -126,4 +119,4 @@ class ColorPicker extends _react.default.PureComponent {
 ColorPicker.defaultProps = {
   activeColor: '#000000'
 };
-var _default = exports.default = ColorPicker;
+export default ColorPicker;

package/es/stat-editor/stat-settings/color-setting/color-use-type-selector.js

@@ -1,28 +1,20 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactstrap = require("reactstrap");
-var _reactColor = _interopRequireDefault(require("react-color"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
-var _colorRulesPopover = _interopRequireDefault(require("../../../components/popover/color-rules-popover"));
-var _colorUtils = require("../../../utils/color-utils");
-var _constants = require("../../../constants");
-var _colorRules = require("../../../constants/color-rules");
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import { Input } from 'reactstrap';
+import ReactColor from 'react-color';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
+import ColorRulesPopover from '../../../components/popover/color-rules-popover';
+import { getValidColorRules } from '../../../utils/color-utils';
+import { STAT_TYPE, TYPE_COLOR_USING, TYPE_DISPLAY_COLOR_USING } from '../../../constants';
+import { COLOR_RULE_FILTER_TYPE_MAP } from '../../../constants/color-rules';
 const COVER = {
   top: '0px',
   right: '0px',
   bottom: '0px',
   left: '0px'
 };
-class ColorUseTypeSelector extends _react.Component {
+class ColorUseTypeSelector extends Component {
   constructor(props) {
     super(props);
     this.getPopoverStyle = () => {
@@ -52,25 +44,25 @@ class ColorUseTypeSelector extends _react.Component {
     };
     this.getUsableColorTypes = chartType => {
       switch (chartType) {
-        case _constants.STAT_TYPE.BAR_GROUP:
-        case _constants.STAT_TYPE.BAR_STACK:
-        case _constants.STAT_TYPE.HORIZONTAL_GROUP_BAR:
-        case _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR:
-        case _constants.STAT_TYPE.PIE:
-        case _constants.STAT_TYPE.RING:
-        case _constants.STAT_TYPE.GROUP_LINE:
-        case _constants.STAT_TYPE.AREA_GROUP_CHART:
+        case STAT_TYPE.BAR_GROUP:
+        case STAT_TYPE.BAR_STACK:
+        case STAT_TYPE.HORIZONTAL_GROUP_BAR:
+        case STAT_TYPE.STACKED_HORIZONTAL_BAR:
+        case STAT_TYPE.PIE:
+        case STAT_TYPE.RING:
+        case STAT_TYPE.GROUP_LINE:
+        case STAT_TYPE.AREA_GROUP_CHART:
           {
-            return [_constants.TYPE_COLOR_USING.USE_DEFAULT, _constants.TYPE_COLOR_USING.USE_COLUMN_COLORS];
+            return [TYPE_COLOR_USING.USE_DEFAULT, TYPE_COLOR_USING.USE_COLUMN_COLORS];
           }
-        case _constants.STAT_TYPE.BAR:
-        case _constants.STAT_TYPE.HORIZONTAL_BAR:
+        case STAT_TYPE.BAR:
+        case STAT_TYPE.HORIZONTAL_BAR:
           {
-            return [_constants.TYPE_COLOR_USING.USE_DEFAULT, _constants.TYPE_COLOR_USING.USE_SPECIFIC_COLORS, _constants.TYPE_COLOR_USING.USE_RULES];
+            return [TYPE_COLOR_USING.USE_DEFAULT, TYPE_COLOR_USING.USE_SPECIFIC_COLORS, TYPE_COLOR_USING.USE_RULES];
           }
         default:
           {
-            return [_constants.TYPE_COLOR_USING.USE_DEFAULT];
+            return [TYPE_COLOR_USING.USE_DEFAULT];
           }
       }
     };
@@ -85,9 +77,9 @@ class ColorUseTypeSelector extends _react.Component {
       return useableColorTypes.map(colorType => {
         return {
           value: colorType,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-module select-module-name"
-          }, _reactIntlUniversal.default.get(_constants.TYPE_DISPLAY_COLOR_USING[colorType]))
+          }, intl.get(TYPE_DISPLAY_COLOR_USING[colorType]))
         };
       });
     };
@@ -100,7 +92,7 @@ class ColorUseTypeSelector extends _react.Component {
         type
       } = chart;
       switch (type) {
-        case _constants.STAT_TYPE.BAR:
+        case STAT_TYPE.BAR:
           {
             const {
               y_axis_label_color
@@ -110,7 +102,7 @@ class ColorUseTypeSelector extends _react.Component {
             }
             return labelColorConfigs[0].color;
           }
-        case _constants.STAT_TYPE.HORIZONTAL_BAR:
+        case STAT_TYPE.HORIZONTAL_BAR:
           {
             const {
               horizontal_axis_label_color
@@ -134,13 +126,13 @@ class ColorUseTypeSelector extends _react.Component {
         type
       } = chart;
       switch (type) {
-        case _constants.STAT_TYPE.BAR:
+        case STAT_TYPE.BAR:
           {
-            return (0, _colorUtils.getValidColorRules)(chart.y_axis_label_color_rules);
+            return getValidColorRules(chart.y_axis_label_color_rules);
           }
-        case _constants.STAT_TYPE.HORIZONTAL_BAR:
+        case STAT_TYPE.HORIZONTAL_BAR:
           {
-            return (0, _colorUtils.getValidColorRules)(chart.horizontal_axis_label_color_rules);
+            return getValidColorRules(chart.horizontal_axis_label_color_rules);
           }
         default:
           {
@@ -156,10 +148,10 @@ class ColorUseTypeSelector extends _react.Component {
         type
       } = chart;
       switch (type) {
-        case _constants.STAT_TYPE.BAR:
-        case _constants.STAT_TYPE.HORIZONTAL_BAR:
+        case STAT_TYPE.BAR:
+        case STAT_TYPE.HORIZONTAL_BAR:
           {
-            return [_colorRules.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE];
+            return [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE];
           }
         default:
           {
@@ -178,14 +170,14 @@ class ColorUseTypeSelector extends _react.Component {
       let updatedChart = Object.assign({}, chart, {
         color_option
       });
-      if (color_option === _constants.TYPE_COLOR_USING.USE_SPECIFIC_COLORS) {
+      if (color_option === TYPE_COLOR_USING.USE_SPECIFIC_COLORS) {
         switch (chart.type) {
-          case _constants.STAT_TYPE.BAR:
+          case STAT_TYPE.BAR:
             {
               updatedChart.y_axis_label_color = updatedChart.y_axis_label_color || labelColorConfigs[0].color;
               break;
             }
-          case _constants.STAT_TYPE.HORIZONTAL_BAR:
+          case STAT_TYPE.HORIZONTAL_BAR:
             {
               updatedChart.horizontal_axis_label_color = updatedChart.horizontal_axis_label_color || labelColorConfigs[0].color;
               break;
@@ -226,12 +218,12 @@ class ColorUseTypeSelector extends _react.Component {
       } = this.props;
       let updatedChart = Object.assign({}, chart);
       switch (chart.type) {
-        case _constants.STAT_TYPE.BAR:
+        case STAT_TYPE.BAR:
           {
             updatedChart.y_axis_label_color = color;
             break;
           }
-        case _constants.STAT_TYPE.HORIZONTAL_BAR:
+        case STAT_TYPE.HORIZONTAL_BAR:
           {
             updatedChart.horizontal_axis_label_color = color;
             break;
@@ -259,12 +251,12 @@ class ColorUseTypeSelector extends _react.Component {
       } = this.props;
       let updatedChart = Object.assign({}, chart);
       switch (chart.type) {
-        case _constants.STAT_TYPE.BAR:
+        case STAT_TYPE.BAR:
           {
             updatedChart.y_axis_label_color_rules = colorRules;
             break;
           }
-        case _constants.STAT_TYPE.HORIZONTAL_BAR:
+        case STAT_TYPE.HORIZONTAL_BAR:
           {
             updatedChart.horizontal_axis_label_color_rules = colorRules;
             break;
@@ -281,30 +273,30 @@ class ColorUseTypeSelector extends _react.Component {
         specificColor
       } = this.state;
       const id = 'statistic_selected_specific_color';
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         id: id,
         className: "selected-specific-color mt-1",
         ref: ref => this.colorPickerContainerRef = ref
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "selected-specific-color-wrapper"
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "specific-color-show",
         style: {
           backgroundColor: specificColor
         },
         onClick: this.onToggleColorSelector
-      }), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+      }), /*#__PURE__*/React.createElement(Input, {
         type: "text",
         className: "specific-color-input",
         value: specificColor,
         onChange: event => this.modifySpecificColor(event.target.value)
-      }))), this.state.isShowColorSelector && /*#__PURE__*/_react.default.createElement("div", {
+      }))), this.state.isShowColorSelector && /*#__PURE__*/React.createElement("div", {
         style: this.getPopoverStyle()
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "position-fixed",
         style: COVER,
         onClick: this.onToggleColorSelector
-      }), /*#__PURE__*/_react.default.createElement(_reactColor.default, {
+      }), /*#__PURE__*/React.createElement(ReactColor, {
         disableAlpha: true,
         color: specificColor,
         onChange: this.modifyHex
@@ -319,25 +311,25 @@ class ColorUseTypeSelector extends _react.Component {
       const rulesLen = colorRules ? colorRules.length : 0;
       const hasRules = rulesLen > 0;
       const id = 'statistic_color_rules_toggle';
-      let msg = _reactIntlUniversal.default.get('Add_rule');
+      let msg = intl.get('Add_rule');
       if (rulesLen === 1) {
-        msg = _reactIntlUniversal.default.get('Added_1_rule');
+        msg = intl.get('Added_1_rule');
       } else if (rulesLen > 1) {
-        msg = _reactIntlUniversal.default.get('Added_xxx_rules', {
+        msg = intl.get('Added_xxx_rules', {
           rules_count: rulesLen
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         id: id,
-        className: (0, _classnames.default)('statistic-color-rules-toggle', 'mt-1', hasRules ? 'statistic-edit-color-rule' : 'statistic-add-color-rule'),
+        className: classnames('statistic-color-rules-toggle', 'mt-1', hasRules ? 'statistic-edit-color-rule' : 'statistic-add-color-rule'),
         onClick: this.showColorRulesEditor
-      }, hasRules ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, msg), /*#__PURE__*/_react.default.createElement("i", {
+      }, hasRules ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, msg), /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-rename"
-      })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
+      })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-add-table"
-      }), /*#__PURE__*/_react.default.createElement("span", {
+      }), /*#__PURE__*/React.createElement("span", {
         className: "ml-2"
-      }, msg))), this.state.isShowColorRulesEditor && /*#__PURE__*/_react.default.createElement(_colorRulesPopover.default, {
+      }, msg))), this.state.isShowColorRulesEditor && /*#__PURE__*/React.createElement(ColorRulesPopover, {
         target: id,
         colorRules: colorRules,
         colorRuleTypes: colorRuleTypes,
@@ -362,13 +354,13 @@ class ColorUseTypeSelector extends _react.Component {
       color_option
     } = chart;
     const selectedColorOption = this.colorOptions.find(colorOption => colorOption.value === color_option) || this.colorOptions[0];
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Color')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Color')), /*#__PURE__*/React.createElement(DTableSelect, {
       value: selectedColorOption,
       options: this.colorOptions,
       onChange: this.onSelectColorOption
-    }), color_option === _constants.TYPE_COLOR_USING.USE_SPECIFIC_COLORS && this.renderSpecificColorSelector(), color_option === _constants.TYPE_COLOR_USING.USE_RULES && this.renderColorRulesEditor());
+    }), color_option === TYPE_COLOR_USING.USE_SPECIFIC_COLORS && this.renderSpecificColorSelector(), color_option === TYPE_COLOR_USING.USE_RULES && this.renderColorRulesEditor());
   }
 }
-var _default = exports.default = ColorUseTypeSelector;
+export default ColorUseTypeSelector;

package/es/stat-editor/stat-settings/map/map-level.js

@@ -1,31 +1,24 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("../../../components");
-var _map = require("../../../utils/map");
-var _map2 = require("../../../constants/map");
+import React, { Component } from 'react';
+import { DTableSelect } from '../../../components';
+import { fixGeoGranularity } from '../../../utils/map';
+import { MAP_LEVEL } from '../../../constants/map';
 const MAP_LEVELS = [{
-  key: _map2.MAP_LEVEL.COUNTRY,
+  key: MAP_LEVEL.COUNTRY,
   name: '国家'
 }, {
-  key: _map2.MAP_LEVEL.PROVINCE,
+  key: MAP_LEVEL.PROVINCE,
   name: '省级'
 }, {
-  key: _map2.MAP_LEVEL.CITY,
+  key: MAP_LEVEL.CITY,
   name: '市级'
 }];
-class MapLevelSettings extends _react.Component {
+class MapLevelSettings extends Component {
   constructor(props) {
     super(props);
     this.createMapLevelOptions = () => {
       return MAP_LEVELS.map(mapLevel => {
         return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
           }, mapLevel.name),
           value: mapLevel.key
@@ -49,7 +42,7 @@ class MapLevelSettings extends _react.Component {
       if (newLevel === map_level) return;
       const updated = {
         map_level: newLevel,
-        geolocation_granularity: (0, _map.fixGeoGranularity)({
+        geolocation_granularity: fixGeoGranularity({
           mapLevel: newLevel,
           mapLocation: map_location
         })
@@ -59,13 +52,13 @@ class MapLevelSettings extends _react.Component {
     this.mapLevelOptions = this.createMapLevelOptions();
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/React.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/React.createElement(DTableSelect, {
       value: this.getSelectedMapLevelOption(),
       options: this.mapLevelOptions,
       onChange: this.onSelectMapLevel
     }));
   }
 }
-var _default = exports.default = MapLevelSettings;
+export default MapLevelSettings;

package/es/stat-editor/stat-settings/map/map-province-city.js

@@ -1,29 +1,22 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _components = require("../../../components");
-var _map = require("../../../constants/map");
-var _regions = require("../../../constants/regions");
-var _map2 = require("../../../utils/map");
-class MapProvinceCitySettings extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import { DTableSelect } from '../../../components';
+import { MAP_LEVEL } from '../../../constants/map';
+import { regions } from '../../../constants/regions';
+import { fixGeoGranularity } from '../../../utils/map';
+class MapProvinceCitySettings extends Component {
   constructor(props) {
     super(props);
     this.isProvinceWithCities = province => {
-      const provinceWithCities = _regions.regions.find(provinceWithCities => provinceWithCities.name === province);
+      const provinceWithCities = regions.find(provinceWithCities => provinceWithCities.name === province);
       return provinceWithCities && provinceWithCities.cities.length > 0;
     };
     this.createProvinceOptions = () => {
-      return _regions.regions.map(provinceWithCities => {
+      return regions.map(provinceWithCities => {
         const {
           name
         } = provinceWithCities;
         return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
           }, name),
           value: name
@@ -31,14 +24,14 @@ class MapProvinceCitySettings extends _react.Component {
       });
     };
     this.createProvinceCitiesOptions = province => {
-      const provinceWithCities = _regions.regions.find(provinceWithCities => provinceWithCities.name === province);
+      const provinceWithCities = regions.find(provinceWithCities => provinceWithCities.name === province);
       if (!provinceWithCities || provinceWithCities.cities.length === 0) return [];
       return provinceWithCities.cities.map(city => {
         const {
           name
         } = city;
         return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
           }, name),
           value: name
@@ -83,7 +76,7 @@ class MapProvinceCitySettings extends _react.Component {
       if (map_location && newMapLocation.province === map_location.province) return;
       const updated = {
         map_location: newMapLocation,
-        geolocation_granularity: (0, _map2.fixGeoGranularity)({
+        geolocation_granularity: fixGeoGranularity({
           mapLevel: map_level,
           mapLocation: newMapLocation
         })
@@ -104,7 +97,7 @@ class MapProvinceCitySettings extends _react.Component {
       if (map_location && newMapLocation.city === map_location.city) return;
       const updated = {
         map_location: newMapLocation,
-        geolocation_granularity: (0, _map2.fixGeoGranularity)({
+        geolocation_granularity: fixGeoGranularity({
           mapLevel: map_level,
           mapLocation: newMapLocation
         })
@@ -117,9 +110,9 @@ class MapProvinceCitySettings extends _react.Component {
       } = this.props.statItem;
       const province = map_location && map_location.province;
       const citiesOptions = this.getProvinceCitiesOptions(province);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: this.getSelectedCity(citiesOptions),
         options: citiesOptions,
         onChange: this.onSelectCity,
@@ -133,13 +126,13 @@ class MapProvinceCitySettings extends _react.Component {
     const {
       map_level
     } = this.props.statItem;
-    if (map_level !== _map.MAP_LEVEL.PROVINCE && map_level !== _map.MAP_LEVEL.CITY) {
+    if (map_level !== MAP_LEVEL.PROVINCE && map_level !== MAP_LEVEL.CITY) {
       return null;
     }
-    const isCity = map_level === _map.MAP_LEVEL.CITY;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    const isCity = map_level === MAP_LEVEL.CITY;
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/React.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/React.createElement(DTableSelect, {
       value: this.getSelectedProvinceOption(),
       options: this.provinceOptions,
       onChange: this.onSelectProvince,
@@ -147,4 +140,4 @@ class MapProvinceCitySettings extends _react.Component {
     })), isCity && this.renderCitySelector());
   }
 }
-var _default = exports.default = MapProvinceCitySettings;
+export default MapProvinceCitySettings;

package/es/stat-editor/stat-settings/public-setting/axis-label-position-setting.js

@@ -1,14 +1,6 @@
-"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 _components = require("../../../components");
+import React, { Component } from 'react';
+import intl from 'react-intl-universal';
+import { DTableSelect } from '../../../components';
 const LABEL_POSITIONS_X = ['left', 'center', 'right'];
 const LABEL_POSITIONS_Y = ['bottom', 'center', 'top'];
 const LABEL_POSITIONS_SHOW_X = {
@@ -21,7 +13,7 @@ const LABEL_POSITIONS_SHOW_Y = {
   center: 'Center',
   top: 'Top'
 };
-class AxisLabelPosition extends _react.Component {
+class AxisLabelPosition extends Component {
   constructor(props) {
     super(props);
     this.getLabelPositionOptions = () => {
@@ -36,9 +28,9 @@ class AxisLabelPosition extends _react.Component {
         return positions.map(g => {
           return {
             value: g,
-            label: /*#__PURE__*/_react.default.createElement("span", {
+            label: /*#__PURE__*/React.createElement("span", {
               className: 'select-module select-module-name'
-            }, _reactIntlUniversal.default.get(LABEL_POSITIONS_SHOW_X[g]))
+            }, intl.get(LABEL_POSITIONS_SHOW_X[g]))
           };
         });
       }
@@ -46,9 +38,9 @@ class AxisLabelPosition extends _react.Component {
         return positions.map(g => {
           return {
             value: g,
-            label: /*#__PURE__*/_react.default.createElement("span", {
+            label: /*#__PURE__*/React.createElement("span", {
               className: 'select-module select-module-name'
-            }, _reactIntlUniversal.default.get(LABEL_POSITIONS_SHOW_Y[g]))
+            }, intl.get(LABEL_POSITIONS_SHOW_Y[g]))
           };
         });
       }
@@ -91,9 +83,9 @@ class AxisLabelPosition extends _react.Component {
           return item.value === x_axis_label_position || item.value === horizontal_axis_label_position;
         });
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedOption,
         onChange: this.onSelectAxisPosition,
         options: this.labelPositionOptions
@@ -105,4 +97,4 @@ class AxisLabelPosition extends _react.Component {
     return this.renderXAxisLabelPosition();
   }
 }
-var _default = exports.default = AxisLabelPosition;
+export default AxisLabelPosition;