dtable-statistic 4.3.2 → 4.3.3

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

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

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

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

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

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

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

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

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

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