dtable-statistic 4.4.24 → 5.0.0-alpha.0

package/es/service/map-json.js

@@ -1,140 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MapJsonService = void 0;
-var _map = require("../constants/map");
-var _regions = require("../constants/regions");
-class MapJsonService {
-  constructor(_ref) {
-    let {
-      mediaUrl
-    } = _ref;
-    this.mediaUrl = mediaUrl;
-    this.urlMapJsonQuerying = {};
-    this.urlWaitingExecCallbacks = {};
-    this.urlMapJson = {};
-  }
-  getNameEnByMapLocation(mapLocation) {
-    const provinceName = mapLocation && mapLocation.province;
-    const province = provinceName && _regions.regions.find(province => province.name === provinceName);
-    if (!province) return null;
-    let nameEN = {
-      province_name_en: province.name_en
-    };
-    const cityName = mapLocation.city;
-    const cities = province.cities;
-    const city = cityName && Array.isArray(cities) && cities.find(city => city.name === cityName);
-    if (!city) {
-      return nameEN;
-    }
-    nameEN.city_name_en = city.name_en;
-    return nameEN;
-  }
-
-  /**
-   * @param {string} mapLevel
-   * @param {object} mapLocation: province, city
-   * @returns part url for query map-json
-   */
-  getMapJsonQueryUrl(mapLevel, mapLocation) {
-    switch (mapLevel) {
-      case _map.MAP_LEVEL.WORLD:
-        {
-          return 'world';
-        }
-      case _map.MAP_LEVEL.COUNTRY:
-        {
-          return 'china';
-        }
-      case _map.MAP_LEVEL.PROVINCE:
-        {
-          const nameEn = this.getNameEnByMapLocation(mapLocation);
-          const provinceNameEn = nameEn && nameEn.province_name_en;
-          if (!provinceNameEn) {
-            return null;
-          }
-          return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn);
-        }
-      case _map.MAP_LEVEL.CITY:
-        {
-          const nameEn = this.getNameEnByMapLocation(mapLocation);
-          const provinceNameEn = nameEn && nameEn.province_name_en;
-          const cityNameEn = nameEn && nameEn.city_name_en;
-          if (!provinceNameEn || !cityNameEn) {
-            return null;
-          }
-
-          // e.g. 北京市/北京市
-          if (provinceNameEn === cityNameEn) {
-            return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn);
-          }
-          return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn, "_").concat(cityNameEn);
-        }
-      default:
-        {
-          return null;
-        }
-    }
-  }
-  getMapJson(url) {
-    return this.urlMapJson[url];
-  }
-  setMapJson(url, json) {
-    this.urlMapJson[url] = json;
-  }
-  queryMapJson(_ref2, callback) {
-    let {
-      map_level,
-      map_location
-    } = _ref2;
-    const url = this.getMapJsonQueryUrl(map_level, map_location);
-    if (!url) {
-      callback && callback();
-      return;
-    }
-    const existMapJson = this.getMapJson(url);
-    if (existMapJson) {
-      callback && callback(existMapJson);
-      return;
-    }
-    if (this.urlWaitingExecCallbacks[url]) {
-      this.urlWaitingExecCallbacks[url].push(callback);
-    } else {
-      this.urlWaitingExecCallbacks[url] = [callback];
-    }
-
-    // the target map-json is being querying
-    if (this.urlMapJsonQuerying[url]) {
-      return;
-    }
-    this.urlMapJsonQuerying[url] = true;
-    this.startQuery(url);
-  }
-  startQuery(url) {
-    fetch("".concat(this.mediaUrl, "dtable-statistic/geolocation/").concat(url, ".json")).then(res => {
-      return res && res.json();
-    }).then(mapJson => {
-      this.handleLoadedMapJson(url, mapJson);
-    }).catch(err => {
-      // eslint-disable-next-line
-      console.log(err);
-    });
-  }
-  handleLoadedMapJson(url, mapJson) {
-    const isValid = mapJson && !mapJson.features;
-    if (isValid) {
-      this.setMapJson(url, mapJson);
-    }
-    const callbacks = this.urlWaitingExecCallbacks[url];
-    if (Array.isArray(callbacks) && callbacks.length > 0) {
-      callbacks.forEach(callback => {
-        callback && callback(mapJson);
-      });
-    }
-    delete this.urlWaitingExecCallbacks[url];
-    delete this.urlMapJsonQuerying[url];
-  }
-}
-exports.MapJsonService = MapJsonService;

package/es/stat-editor/chart-name-editor.js

@@ -1,68 +0,0 @@
-"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 _reactstrap = require("reactstrap");
-class ChartNameEditor extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onRenameToggle = () => {
-      this.setState({
-        editable: !this.state.editable
-      });
-    };
-    this.onChange = evt => {
-      this.setState({
-        name: evt.target.value
-      });
-    };
-    this.updateStatName = evt => {
-      this.onRenameToggle();
-      const newName = evt.target.value.trim();
-      if (newName === this.props.name) return;
-      this.props.updateStatName(newName);
-    };
-    this.onKeyDown = evt => {
-      if (evt.keyCode === 13) {
-        this.updateStatName(evt);
-      }
-    };
-    this.state = {
-      name: props.name || '',
-      editable: false
-    };
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.name !== this.props.name) {
-      this.setState({
-        name: this.props.name
-      });
-    }
-  }
-  render() {
-    const {
-      name,
-      editable
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-editing-name"
-    }, editable ? /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      defaultValue: name,
-      className: "statistic-rename",
-      onBlur: this.updateStatName,
-      autoFocus: true,
-      onChange: this.onChange,
-      onKeyDown: this.onKeyDown
-    }) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-      className: "statistic-table-title-name"
-    }, name), /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-font dtable-icon-rename",
-      onClick: this.onRenameToggle
-    })));
-  }
-}
-var _default = exports.default = ChartNameEditor;

package/es/stat-editor/index.js

@@ -1,75 +0,0 @@
-"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 _chartNameEditor = _interopRequireDefault(require("./chart-name-editor"));
-var _statView = _interopRequireDefault(require("../stat-view"));
-var _basicChartSettings = _interopRequireDefault(require("./stat-settings/basic-chart-settings"));
-var _advanceChartSettings = _interopRequireDefault(require("./stat-settings/advance-chart-settings"));
-var _constants = require("../constants");
-class StatEditor extends _react.Component {
-  render() {
-    const {
-      getTables,
-      getViews,
-      getTableById,
-      colorThemeName,
-      statItem,
-      labelColorConfigs,
-      chartCalculator,
-      eventBus
-    } = this.props;
-    const {
-      type
-    } = statItem;
-    const showStatName = !(type === _constants.STAT_TYPE.BASIC_NUMBER_CARD || type === _constants.STAT_TYPE.DASHBOARD);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-edit-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-stat-wrapper"
-    }, showStatName && /*#__PURE__*/_react.default.createElement(_chartNameEditor.default, {
-      name: statItem.name,
-      updateStatName: this.props.modifyChartName
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-view-container"
-    }, /*#__PURE__*/_react.default.createElement(_statView.default, {
-      isEdit: true,
-      isPreview: false,
-      isEnlarge: false,
-      dtableChangedTime: this.props.dtableChangedTime,
-      colorThemeName: colorThemeName,
-      statItem: statItem,
-      labelColorConfigs: labelColorConfigs,
-      chartCalculator: chartCalculator,
-      eventBus: eventBus,
-      getTableById: getTableById,
-      queryMapJson: this.props.queryMapJson,
-      updateStatItem: this.props.modifyChart,
-      toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
-    }))), _constants.BASIC_STAT_TYPES.includes(statItem.type) ? /*#__PURE__*/_react.default.createElement(_basicChartSettings.default, {
-      statItem: statItem,
-      labelColorConfigs: labelColorConfigs,
-      eventBus: eventBus,
-      getTables: getTables,
-      getViews: getViews,
-      getTableById: getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: this.props.modifyChart
-    }) : /*#__PURE__*/_react.default.createElement(_advanceChartSettings.default, {
-      statItem: statItem,
-      labelColorConfigs: labelColorConfigs,
-      eventBus: eventBus,
-      getTables: getTables,
-      getViews: getViews,
-      getTableById: getTableById,
-      getConvertedChart: this.props.getConvertedChart,
-      updateStatItem: this.props.modifyChart
-    }));
-  }
-}
-var _default = exports.default = StatEditor;

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

@@ -1,153 +0,0 @@
-"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 _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
-var _constants = require("../../../constants");
-class BasicNumberCardSettings extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.getSelectedStatColumnOption = () => {
-      return this.numericColumnOptions.find(option => option.value.key === this.props.statItem.numeric_column);
-    };
-    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, {
-        numeric_column: new_column
-      }));
-    };
-    this.getSummaryMethodsOptions = () => {
-      let numberCardSummaryMethod = ['Row_count', ..._constants.SUMMARY_METHOD];
-      return numberCardSummaryMethod.map(method => {
-        return {
-          label: /*#__PURE__*/_react.default.createElement("span", {
-            className: "select-option-name"
-          }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
-          value: method
-        };
-      });
-    };
-    this.onSelectSummaryMethod = option => {
-      this.props.onSelectSummaryMethod(option.value);
-    };
-    this.getSelectedMethodOption = (method, summaryMethodsOptions) => {
-      return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
-    };
-    this.renderSummaryMethod = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        summary_method
-      } = statItem;
-      let selectedMethodOption = this.getSelectedMethodOption(summary_method, this.summaryMethodsOptions);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-        value: selectedMethodOption,
-        onChange: this.onSelectSummaryMethod,
-        options: this.summaryMethodsOptions
-      }));
-    };
-    this.onChangeName = event => {
-      const value = event.target.value;
-      this.setState({
-        statName: value
-      });
-    };
-    this.onSaveName = event => {
-      this.props.updateStatItem(Object.assign({}, this.props.statItem, {
-        name: this.state.statName
-      }));
-    };
-    this.onKeyDown = e => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        e.target.blur();
-      }
-    };
-    this.getStyleSetting = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        statName
-      } = this.state;
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-        type: "text",
-        value: statName,
-        placeholder: statItem.name,
-        onBlur: this.onSaveName,
-        onChange: this.onChangeName,
-        onKeyDown: this.onKeyDown
-      })));
-    };
-    const {
-      numericColumns,
-      getColumnsOptions,
-      statItem: _statItem
-    } = props;
-    this.numericColumnOptions = getColumnsOptions(numericColumns);
-    this.summaryMethodsOptions = this.getSummaryMethodsOptions();
-    this.state = {
-      statName: _statItem.name || ''
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.selectedTableId !== this.props.selectedTableId) {
-      const {
-        numericColumns,
-        getColumnsOptions
-      } = nextProps;
-      this.numericColumnOptions = getColumnsOptions(numericColumns);
-    }
-  }
-  render() {
-    const selectedColumnOption = this.getSelectedStatColumnOption();
-    const {
-      statItem,
-      updateStatItem,
-      selectedTableId,
-      settingType
-    } = this.props;
-    if (settingType === 'style') {
-      return this.getStyleSetting();
-    }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
-      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.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Statistic_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
-      columnsOptions: this.numericColumnOptions,
-      selectedColumnOption: selectedColumnOption,
-      onChangeSelectedColumn: this.onSelectStatColumn
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, this.renderSummaryMethod()));
-  }
-}
-var _default = exports.default = BasicNumberCardSettings;