dtable-statistic 4.2.1 → 4.3.0

package/es/stat-editor/stat-settings/advance-chart-settings/basic-number-card-settings.js

@@ -1,8 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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 { Input } from 'reactstrap';
 import intl from 'react-intl-universal';
@@ -10,29 +5,25 @@ import ColumnSettings from '../public-setting/column-settings';
 import { DTableSelect } from '../../../components';
 import BaseSettings from '../public-setting/base-settings';
 import { STATISTICS_COUNT_SHOW, SUMMARY_METHOD } from '../../../constants';
-var BasicNumberCardSettings = /*#__PURE__*/function (_Component) {
-  _inherits(BasicNumberCardSettings, _Component);
-  var _super = _createSuper(BasicNumberCardSettings);
-  function BasicNumberCardSettings(props) {
-    var _this;
-    _classCallCheck(this, BasicNumberCardSettings);
-    _this = _super.call(this, props);
-    _this.getSelectedStatColumnOption = function () {
-      return _this.numericColumnOptions.find(function (option) {
-        return option.value.key === _this.props.statItem.numeric_column;
-      });
+class BasicNumberCardSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.getSelectedStatColumnOption = () => {
+      return this.numericColumnOptions.find(option => option.value.key === this.props.statItem.numeric_column);
     };
-    _this.onSelectStatColumn = function (option) {
-      var numeric_column = _this.props.statItem.numeric_column;
-      var new_column = option.value.key;
+    this.onSelectStatColumn = option => {
+      const {
+        numeric_column
+      } = this.props.statItem;
+      const new_column = option.value.key;
       if (numeric_column === new_column) return;
-      _this.props.updateStatItem(Object.assign({}, _this.props.statItem, {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
         numeric_column: new_column
       }));
     };
-    _this.getSummaryMethodsOptions = function () {
-      var numberCardSummaryMethod = ['Row_count'].concat(_toConsumableArray(SUMMARY_METHOD));
-      return numberCardSummaryMethod.map(function (method) {
+    this.getSummaryMethodsOptions = () => {
+      let numberCardSummaryMethod = ['Row_count', ...SUMMARY_METHOD];
+      return numberCardSummaryMethod.map(method => {
         return {
           label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
@@ -41,110 +32,114 @@ var BasicNumberCardSettings = /*#__PURE__*/function (_Component) {
         };
       });
     };
-    _this.onSelectSummaryMethod = function (option) {
-      _this.props.onSelectSummaryMethod(option.value);
+    this.onSelectSummaryMethod = option => {
+      this.props.onSelectSummaryMethod(option.value);
     };
-    _this.getSelectedMethodOption = function (method, summaryMethodsOptions) {
-      return summaryMethodsOptions.find(function (m) {
-        return m.value === method;
-      }) || summaryMethodsOptions[0];
+    this.getSelectedMethodOption = (method, summaryMethodsOptions) => {
+      return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
     };
-    _this.renderSummaryMethod = function () {
-      var statItem = _this.props.statItem;
-      var summary_method = statItem.summary_method;
-      var selectedMethodOption = _this.getSelectedMethodOption(summary_method, _this.summaryMethodsOptions);
+    this.renderSummaryMethod = () => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        summary_method
+      } = statItem;
+      let selectedMethodOption = this.getSelectedMethodOption(summary_method, this.summaryMethodsOptions);
       return /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
         value: selectedMethodOption,
-        onChange: _this.onSelectSummaryMethod,
-        options: _this.summaryMethodsOptions
+        onChange: this.onSelectSummaryMethod,
+        options: this.summaryMethodsOptions
       }));
     };
-    _this.onChangeName = function (event) {
-      var value = event.target.value;
-      _this.setState({
+    this.onChangeName = event => {
+      const value = event.target.value;
+      this.setState({
         statName: value
       });
     };
-    _this.onSaveName = function (event) {
-      _this.props.updateStatItem(Object.assign({}, _this.props.statItem, {
-        name: _this.state.statName
+    this.onSaveName = event => {
+      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
+        name: this.state.statName
       }));
     };
-    _this.onKeyDown = function (e) {
+    this.onKeyDown = e => {
       if (e.key == 'Enter') {
         e.preventDefault();
         e.target.blur();
       }
     };
-    _this.getStyleSetting = function () {
-      var statItem = _this.props.statItem;
-      var statName = _this.state.statName;
+    this.getStyleSetting = () => {
+      const {
+        statItem
+      } = this.props;
+      const {
+        statName
+      } = this.state;
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "statistic-chart-parameter-item"
       }, /*#__PURE__*/React.createElement("label", null, intl.get('Label')), /*#__PURE__*/React.createElement(Input, {
         type: "text",
         value: statName,
         placeholder: statItem.name,
-        onBlur: _this.onSaveName,
-        onChange: _this.onChangeName,
-        onKeyDown: _this.onKeyDown
+        onBlur: this.onSaveName,
+        onChange: this.onChangeName,
+        onKeyDown: this.onKeyDown
       })));
     };
-    var numericColumns = props.numericColumns,
-      getColumnsOptions = props.getColumnsOptions,
-      _statItem = props.statItem;
-    _this.numericColumnOptions = getColumnsOptions(numericColumns);
-    _this.summaryMethodsOptions = _this.getSummaryMethodsOptions();
-    _this.state = {
+    const {
+      numericColumns,
+      getColumnsOptions,
+      statItem: _statItem
+    } = props;
+    this.numericColumnOptions = getColumnsOptions(numericColumns);
+    this.summaryMethodsOptions = this.getSummaryMethodsOptions();
+    this.state = {
       statName: _statItem.name || ''
     };
-    return _this;
   }
-  _createClass(BasicNumberCardSettings, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.selectedTableId !== this.props.selectedTableId) {
-        var numericColumns = nextProps.numericColumns,
-          getColumnsOptions = nextProps.getColumnsOptions;
-        this.numericColumnOptions = getColumnsOptions(numericColumns);
-      }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.selectedTableId !== this.props.selectedTableId) {
+      const {
+        numericColumns,
+        getColumnsOptions
+      } = nextProps;
+      this.numericColumnOptions = getColumnsOptions(numericColumns);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var selectedColumnOption = this.getSelectedStatColumnOption();
-      var _this$props = this.props,
-        statItem = _this$props.statItem,
-        updateStatItem = _this$props.updateStatItem,
-        selectedTableId = _this$props.selectedTableId,
-        settingType = _this$props.settingType;
-      if (settingType === 'style') {
-        return this.getStyleSetting();
-      }
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
-        statItem: statItem,
-        selectedTableId: selectedTableId,
-        selectedViewId: statItem.view_id,
-        getTables: this.props.getTables,
-        getViews: this.props.getViews,
-        getTableById: this.props.getTableById,
-        getConvertedChart: this.props.getConvertedChart,
-        updateStatItem: updateStatItem
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-divider"
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Statistic_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
-        columnsOptions: this.numericColumnOptions,
-        selectedColumnOption: selectedColumnOption,
-        onChangeSelectedColumn: this.onSelectStatColumn
-      })), /*#__PURE__*/React.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, this.renderSummaryMethod()));
+  }
+  render() {
+    const selectedColumnOption = this.getSelectedStatColumnOption();
+    const {
+      statItem,
+      updateStatItem,
+      selectedTableId,
+      settingType
+    } = this.props;
+    if (settingType === 'style') {
+      return this.getStyleSetting();
     }
-  }]);
-  return BasicNumberCardSettings;
-}(Component);
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
+      statItem: statItem,
+      selectedTableId: selectedTableId,
+      selectedViewId: statItem.view_id,
+      getTables: this.props.getTables,
+      getViews: this.props.getViews,
+      getTableById: this.props.getTableById,
+      getConvertedChart: this.props.getConvertedChart,
+      updateStatItem: updateStatItem
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-divider"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Statistic_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
+      columnsOptions: this.numericColumnOptions,
+      selectedColumnOption: selectedColumnOption,
+      onChangeSelectedColumn: this.onSelectStatColumn
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "statistic-chart-parameter-item"
+    }, this.renderSummaryMethod()));
+  }
+}
 export default BasicNumberCardSettings;