dtable-statistic 4.2.2 → 4.3.0

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

@@ -1,12 +1,8 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import { DTableSelect } from '../../../components';
 import { fixGeoGranularity } from '../../../utils/map';
 import { MAP_LEVEL } from '../../../constants/map';
-var MAP_LEVELS = [{
+const MAP_LEVELS = [{
   key: MAP_LEVEL.COUNTRY,
   name: '国家'
 }, {
@@ -16,15 +12,11 @@ var MAP_LEVELS = [{
   key: MAP_LEVEL.CITY,
   name: '市级'
 }];
-var MapLevelSettings = /*#__PURE__*/function (_Component) {
-  _inherits(MapLevelSettings, _Component);
-  var _super = _createSuper(MapLevelSettings);
-  function MapLevelSettings(props) {
-    var _this;
-    _classCallCheck(this, MapLevelSettings);
-    _this = _super.call(this, props);
-    _this.createMapLevelOptions = function () {
-      return MAP_LEVELS.map(function (mapLevel) {
+class MapLevelSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.createMapLevelOptions = () => {
+      return MAP_LEVELS.map(mapLevel => {
         return {
           label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
@@ -33,44 +25,40 @@ var MapLevelSettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.getSelectedMapLevelOption = function () {
-      var map_level = _this.props.statItem.map_level;
-      var defaultOption = _this.mapLevelOptions[0];
+    this.getSelectedMapLevelOption = () => {
+      const {
+        map_level
+      } = this.props.statItem;
+      const defaultOption = this.mapLevelOptions[0];
       if (!map_level) return defaultOption;
-      return _this.mapLevelOptions.find(function (option) {
-        return option.value === map_level;
-      }) || defaultOption;
+      return this.mapLevelOptions.find(option => option.value === map_level) || defaultOption;
     };
-    _this.onSelectMapLevel = function (option) {
-      var _this$props$statItem = _this.props.statItem,
-        map_level = _this$props$statItem.map_level,
-        map_location = _this$props$statItem.map_location;
-      var newLevel = option.value;
+    this.onSelectMapLevel = option => {
+      const {
+        map_level,
+        map_location
+      } = this.props.statItem;
+      const newLevel = option.value;
       if (newLevel === map_level) return;
-      var updated = {
+      const updated = {
         map_level: newLevel,
         geolocation_granularity: fixGeoGranularity({
           mapLevel: newLevel,
           mapLocation: map_location
         })
       };
-      _this.props.updateStatItem(Object.assign({}, _this.props.statItem, updated));
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, updated));
     };
-    _this.mapLevelOptions = _this.createMapLevelOptions();
-    return _this;
+    this.mapLevelOptions = this.createMapLevelOptions();
   }
-  _createClass(MapLevelSettings, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/React.createElement(DTableSelect, {
-        value: this.getSelectedMapLevelOption(),
-        options: this.mapLevelOptions,
-        onChange: this.onSelectMapLevel
-      }));
-    }
-  }]);
-  return MapLevelSettings;
-}(Component);
+  render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/React.createElement(DTableSelect, {
+      value: this.getSelectedMapLevelOption(),
+      options: this.mapLevelOptions,
+      onChange: this.onSelectMapLevel
+    }));
+  }
+}
 export default MapLevelSettings;

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

@@ -1,28 +1,20 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 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';
-var MapProvinceCitySettings = /*#__PURE__*/function (_Component) {
-  _inherits(MapProvinceCitySettings, _Component);
-  var _super = _createSuper(MapProvinceCitySettings);
-  function MapProvinceCitySettings(props) {
-    var _this;
-    _classCallCheck(this, MapProvinceCitySettings);
-    _this = _super.call(this, props);
-    _this.isProvinceWithCities = function (province) {
-      var provinceWithCities = regions.find(function (provinceWithCities) {
-        return provinceWithCities.name === province;
-      });
+class MapProvinceCitySettings extends Component {
+  constructor(props) {
+    super(props);
+    this.isProvinceWithCities = province => {
+      const provinceWithCities = regions.find(provinceWithCities => provinceWithCities.name === province);
       return provinceWithCities && provinceWithCities.cities.length > 0;
     };
-    _this.createProvinceOptions = function () {
-      return regions.map(function (provinceWithCities) {
-        var name = provinceWithCities.name;
+    this.createProvinceOptions = () => {
+      return regions.map(provinceWithCities => {
+        const {
+          name
+        } = provinceWithCities;
         return {
           label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
@@ -31,13 +23,13 @@ var MapProvinceCitySettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.createProvinceCitiesOptions = function (province) {
-      var provinceWithCities = regions.find(function (provinceWithCities) {
-        return provinceWithCities.name === province;
-      });
+    this.createProvinceCitiesOptions = province => {
+      const provinceWithCities = regions.find(provinceWithCities => provinceWithCities.name === province);
       if (!provinceWithCities || provinceWithCities.cities.length === 0) return [];
-      return provinceWithCities.cities.map(function (city) {
-        var name = city.name;
+      return provinceWithCities.cities.map(city => {
+        const {
+          name
+        } = city;
         return {
           label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
@@ -46,99 +38,106 @@ var MapProvinceCitySettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.getProvinceCitiesOptions = function (province) {
-      if (_this.provinceCitiesOptionsMap[province]) {
-        return _this.provinceCitiesOptionsMap[province];
+    this.getProvinceCitiesOptions = province => {
+      if (this.provinceCitiesOptionsMap[province]) {
+        return this.provinceCitiesOptionsMap[province];
       }
-      var citiesOptions = _this.createProvinceCitiesOptions(province);
-      _this.provinceCitiesOptionsMap[province] = citiesOptions;
+      const citiesOptions = this.createProvinceCitiesOptions(province);
+      this.provinceCitiesOptionsMap[province] = citiesOptions;
       return citiesOptions;
     };
-    _this.getSelectedProvinceOption = function () {
-      var map_location = _this.props.statItem.map_location;
-      var province = map_location && map_location.province;
+    this.getSelectedProvinceOption = () => {
+      const {
+        map_location
+      } = this.props.statItem;
+      const province = map_location && map_location.province;
       if (!province) return null;
-      return _this.provinceOptions.find(function (option) {
-        return option.value === province;
-      });
+      return this.provinceOptions.find(option => option.value === province);
     };
-    _this.getSelectedCity = function (citiesOptions) {
-      var map_location = _this.props.statItem.map_location;
-      var city = map_location && map_location.city;
+    this.getSelectedCity = citiesOptions => {
+      const {
+        map_location
+      } = this.props.statItem;
+      const city = map_location && map_location.city;
       if (!city) return null;
-      return citiesOptions.find(function (option) {
-        return option.value === city;
-      });
+      return citiesOptions.find(option => option.value === city);
     };
-    _this.onSelectProvince = function (option) {
-      var statItem = _this.props.statItem;
-      var map_level = statItem.map_level,
-        map_location = statItem.map_location;
-      var newMapLocation = {
+    this.onSelectProvince = option => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        map_level,
+        map_location
+      } = statItem;
+      const newMapLocation = {
         province: option.value
       };
       if (map_location && newMapLocation.province === map_location.province) return;
-      var updated = {
+      const updated = {
         map_location: newMapLocation,
         geolocation_granularity: fixGeoGranularity({
           mapLevel: map_level,
           mapLocation: newMapLocation
         })
       };
-      _this.props.updateStatItem(Object.assign({}, statItem, updated));
+      this.props.updateStatItem(Object.assign({}, statItem, updated));
     };
-    _this.onSelectCity = function (option) {
-      var statItem = _this.props.statItem;
-      var map_level = statItem.map_level,
-        map_location = statItem.map_location;
-      var newMapLocation = Object.assign({}, map_location, {
+    this.onSelectCity = option => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        map_level,
+        map_location
+      } = statItem;
+      const newMapLocation = Object.assign({}, map_location, {
         city: option.value
       });
       if (map_location && newMapLocation.city === map_location.city) return;
-      var updated = {
+      const updated = {
         map_location: newMapLocation,
         geolocation_granularity: fixGeoGranularity({
           mapLevel: map_level,
           mapLocation: newMapLocation
         })
       };
-      _this.props.updateStatItem(Object.assign({}, statItem, updated));
+      this.props.updateStatItem(Object.assign({}, statItem, updated));
     };
-    _this.renderCitySelector = function () {
-      var map_location = _this.props.statItem.map_location;
-      var province = map_location && map_location.province;
-      var citiesOptions = _this.getProvinceCitiesOptions(province);
+    this.renderCitySelector = () => {
+      const {
+        map_location
+      } = this.props.statItem;
+      const province = map_location && map_location.province;
+      const citiesOptions = this.getProvinceCitiesOptions(province);
       return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement(DTableSelect, {
-        value: _this.getSelectedCity(citiesOptions),
+        value: this.getSelectedCity(citiesOptions),
         options: citiesOptions,
-        onChange: _this.onSelectCity,
+        onChange: this.onSelectCity,
         placeholder: "\u8BF7\u9009\u62E9\u57CE\u5E02"
       }));
     };
-    _this.provinceOptions = _this.createProvinceOptions();
-    _this.provinceCitiesOptionsMap = {};
-    return _this;
+    this.provinceOptions = this.createProvinceOptions();
+    this.provinceCitiesOptionsMap = {};
   }
-  _createClass(MapProvinceCitySettings, [{
-    key: "render",
-    value: function render() {
-      var map_level = this.props.statItem.map_level;
-      if (map_level !== MAP_LEVEL.PROVINCE && map_level !== MAP_LEVEL.CITY) {
-        return null;
-      }
-      var isCity = map_level === MAP_LEVEL.CITY;
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/React.createElement(DTableSelect, {
-        value: this.getSelectedProvinceOption(),
-        options: this.provinceOptions,
-        onChange: this.onSelectProvince,
-        placeholder: "\u8BF7\u9009\u62E9\u7701\u4EFD"
-      })), isCity && this.renderCitySelector());
+  render() {
+    const {
+      map_level
+    } = this.props.statItem;
+    if (map_level !== MAP_LEVEL.PROVINCE && map_level !== MAP_LEVEL.CITY) {
+      return null;
     }
-  }]);
-  return MapProvinceCitySettings;
-}(Component);
+    const isCity = map_level === MAP_LEVEL.CITY;
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/React.createElement(DTableSelect, {
+      value: this.getSelectedProvinceOption(),
+      options: this.provinceOptions,
+      onChange: this.onSelectProvince,
+      placeholder: "\u8BF7\u9009\u62E9\u7701\u4EFD"
+    })), isCity && this.renderCitySelector());
+  }
+}
 export default MapProvinceCitySettings;

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

@@ -1,37 +1,31 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import intl from 'react-intl-universal';
 import { DTableSelect } from '../../../components';
-var LABEL_POSITIONS_X = ['left', 'center', 'right'];
-var LABEL_POSITIONS_Y = ['bottom', 'center', 'top'];
-var LABEL_POSITIONS_SHOW_X = {
+const LABEL_POSITIONS_X = ['left', 'center', 'right'];
+const LABEL_POSITIONS_Y = ['bottom', 'center', 'top'];
+const LABEL_POSITIONS_SHOW_X = {
   left: 'Left',
   center: 'Center',
   right: 'Right'
 };
-var LABEL_POSITIONS_SHOW_Y = {
+const LABEL_POSITIONS_SHOW_Y = {
   bottom: 'Bottom',
   center: 'Center',
   top: 'Top'
 };
-var AxisLabelPosition = /*#__PURE__*/function (_Component) {
-  _inherits(AxisLabelPosition, _Component);
-  var _super = _createSuper(AxisLabelPosition);
-  function AxisLabelPosition(props) {
-    var _this;
-    _classCallCheck(this, AxisLabelPosition);
-    _this = _super.call(this, props);
-    _this.getLabelPositionOptions = function () {
-      var axisType = _this.props.axisType;
-      var positions = LABEL_POSITIONS_X;
+class AxisLabelPosition extends Component {
+  constructor(props) {
+    super(props);
+    this.getLabelPositionOptions = () => {
+      let {
+        axisType
+      } = this.props;
+      let positions = LABEL_POSITIONS_X;
       if (axisType.includes('y') || axisType === 'vertical') {
         positions = LABEL_POSITIONS_Y;
       }
       if (axisType === 'x' || axisType === 'horizontal') {
-        return positions.map(function (g) {
+        return positions.map(g => {
           return {
             value: g,
             label: /*#__PURE__*/React.createElement("span", {
@@ -41,7 +35,7 @@ var AxisLabelPosition = /*#__PURE__*/function (_Component) {
         });
       }
       if (axisType.includes('y') || axisType === 'vertical') {
-        return positions.map(function (g) {
+        return positions.map(g => {
           return {
             value: g,
             label: /*#__PURE__*/React.createElement("span", {
@@ -51,32 +45,41 @@ var AxisLabelPosition = /*#__PURE__*/function (_Component) {
         });
       }
     };
-    _this.onSelectAxisPosition = function (option) {
-      var axisType = _this.props.axisType;
-      _this.props.onSelectAxisLabelPosition(axisType, option);
+    this.onSelectAxisPosition = option => {
+      let {
+        axisType
+      } = this.props;
+      this.props.onSelectAxisLabelPosition(axisType, option);
     };
-    _this.renderXAxisLabelPosition = function () {
-      var _this$props = _this.props,
-        statItem = _this$props.statItem,
-        axisType = _this$props.axisType;
-      var selectedOption = null;
+    this.renderXAxisLabelPosition = () => {
+      let {
+        statItem,
+        axisType
+      } = this.props;
+      let selectedOption = null;
       if (axisType === 'y' || axisType === 'vertical') {
-        var y_axis_label_position = statItem.y_axis_label_position,
-          vertical_axis_label_position = statItem.vertical_axis_label_position;
-        selectedOption = _this.labelPositionOptions.find(function (item) {
+        const {
+          y_axis_label_position,
+          vertical_axis_label_position
+        } = statItem;
+        selectedOption = this.labelPositionOptions.find(item => {
           return item.value === y_axis_label_position || item.value === vertical_axis_label_position;
         });
       } else if (axisType === 'y_left' || axisType === 'y_right') {
-        var y_axis_left_label_position = statItem.y_axis_left_label_position,
-          y_axis_right_label_position = statItem.y_axis_right_label_position;
-        var target = axisType === 'y_left' ? y_axis_left_label_position : y_axis_right_label_position;
-        selectedOption = _this.labelPositionOptions.find(function (item) {
+        const {
+          y_axis_left_label_position,
+          y_axis_right_label_position
+        } = statItem;
+        let target = axisType === 'y_left' ? y_axis_left_label_position : y_axis_right_label_position;
+        selectedOption = this.labelPositionOptions.find(item => {
           return item.value === target;
         });
       } else {
-        var x_axis_label_position = statItem.x_axis_label_position,
-          horizontal_axis_label_position = statItem.horizontal_axis_label_position;
-        selectedOption = _this.labelPositionOptions.find(function (item) {
+        const {
+          x_axis_label_position,
+          horizontal_axis_label_position
+        } = statItem;
+        selectedOption = this.labelPositionOptions.find(item => {
           return item.value === x_axis_label_position || item.value === horizontal_axis_label_position;
         });
       }
@@ -84,19 +87,14 @@ var AxisLabelPosition = /*#__PURE__*/function (_Component) {
         className: "mt-1"
       }, /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedOption,
-        onChange: _this.onSelectAxisPosition,
-        options: _this.labelPositionOptions
+        onChange: this.onSelectAxisPosition,
+        options: this.labelPositionOptions
       }));
     };
-    _this.labelPositionOptions = _this.getLabelPositionOptions();
-    return _this;
+    this.labelPositionOptions = this.getLabelPositionOptions();
   }
-  _createClass(AxisLabelPosition, [{
-    key: "render",
-    value: function render() {
-      return this.renderXAxisLabelPosition();
-    }
-  }]);
-  return AxisLabelPosition;
-}(Component);
+  render() {
+    return this.renderXAxisLabelPosition();
+  }
+}
 export default AxisLabelPosition;