dtable-statistic 4.3.2 → 4.3.3

package/es/stat-view/combination-chart.js

@@ -1,23 +1,30 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import intl from 'react-intl-universal';
-import { TableUtils } from 'dtable-store';
-import BaseChart from './base-chart';
-import { Chart } from '../custom-g2';
-import { getCurrentTheme } from '../utils/common-utils';
-import { DEFAULT_NUMBER_FORMAT_OBJECT, EMPTY_NAME, LABEL_COLORS, STATISTICS_COUNT_SHOW, LABEL_CONFIG_CHANGED, SUMMARY_TYPE, TITLE_AMOUNT, LEGEND_LEFT, LEGEND_RIGHT } from '../constants';
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _baseChart = _interopRequireDefault(require("./base-chart"));
+var _customG = require("../custom-g2");
+var _commonUtils = require("../utils/common-utils");
+var _constants = require("../constants");
 const propTypes = {
-  isPreview: PropTypes.bool,
-  isEdit: PropTypes.bool,
-  theme: PropTypes.string,
-  colorThemeName: PropTypes.string,
-  statItem: PropTypes.object,
-  chartCalculator: PropTypes.object,
-  eventBus: PropTypes.object,
-  getTableById: PropTypes.func,
-  toggleStatisticRecordsDialog: PropTypes.func
+  isPreview: _propTypes.default.bool,
+  isEdit: _propTypes.default.bool,
+  theme: _propTypes.default.string,
+  colorThemeName: _propTypes.default.string,
+  statItem: _propTypes.default.object,
+  chartCalculator: _propTypes.default.object,
+  eventBus: _propTypes.default.object,
+  getTableById: _propTypes.default.func,
+  toggleStatisticRecordsDialog: _propTypes.default.func
 };
-class CombinationChart extends BaseChart {
+class CombinationChart extends _baseChart.default {
   constructor(props) {
     super(props);
     this.componentDidMount = async () => {
@@ -26,7 +33,7 @@ class CombinationChart extends BaseChart {
         chartCalculator,
         eventBus
       } = this.props;
-      this.unsubscribeStyleChange = eventBus.subscribe(LABEL_CONFIG_CHANGED, newStatItem => {
+      this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
         this.renderAxisLabel(newStatItem);
       });
       if (!this.container) return;
@@ -114,7 +121,7 @@ class CombinationChart extends BaseChart {
         const div = document.createElement('div');
         div.id = xAxisID;
         div.className = 'statistic-chart-axis-label';
-        const column = TableUtils.getTableColumnByKey(table, x_axis_column_key);
+        const column = _dtableStore.TableUtils.getTableColumnByKey(table, x_axis_column_key);
         div.innerHTML = "".concat(column ? column.name : '');
         div.setAttribute('style', "color:".concat(themeColors.textColor, "; width: 100%; padding-left: ").concat(autoPadding.left, "px; text-align: ").concat(x_axis_label_position, "; bottom: -20px"));
         chartContainer.appendChild(div);
@@ -131,8 +138,8 @@ class CombinationChart extends BaseChart {
         const div = document.createElement('div');
         div.id = yAxisLeftID;
         div.className = 'statistic-chart-axis-label';
-        const yAxisColumn = TableUtils.getTableColumnByKey(table, y_axis_left_summary_column);
-        const labeContent = yAxisColumn ? intl.get(STATISTICS_COUNT_SHOW[y_axis_left_summary_method]) : intl.get(STATISTICS_COUNT_SHOW.count);
+        const yAxisColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_left_summary_column);
+        const labeContent = yAxisColumn ? _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_left_summary_method]) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW.count);
         div.innerHTML = labeContent;
         const containerHeight = chartContainer.offsetHeight;
         let textAlign = 'center';
@@ -157,8 +164,8 @@ class CombinationChart extends BaseChart {
         const div = document.createElement('div');
         div.id = yAxisRightID;
         div.className = 'statistic-chart-axis-label';
-        const yAxisColumn = TableUtils.getTableColumnByKey(table, y_axis_right_summary_column);
-        const labeContent = yAxisColumn ? intl.get(STATISTICS_COUNT_SHOW[y_axis_right_summary_method]) : intl.get(STATISTICS_COUNT_SHOW.count);
+        const yAxisColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_right_summary_column);
+        const labeContent = yAxisColumn ? _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_right_summary_method]) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW.count);
         div.innerHTML = labeContent;
         const containerHeight = chartContainer.offsetHeight;
         let textAlign = 'center';
@@ -198,11 +205,11 @@ class CombinationChart extends BaseChart {
         }
       });
       const table = getTableById(table_id);
-      const leftColumn = TableUtils.getTableColumnByKey(table, y_axis_left_summary_column) || {};
-      const rightColumn = TableUtils.getTableColumnByKey(table, y_axis_right_summary_column) || {};
+      const leftColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_left_summary_column) || {};
+      const rightColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_right_summary_column) || {};
       this.handleAutoRange(leftColumn, rightColumn);
       const themeColors = this.getThemeColors();
-      const currentTheme = getCurrentTheme(colorThemeName);
+      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
       this.setNameAxis(themeColors);
       this.setValueAxis(themeColors);
       this.setLegend(themeColors, table, currentTheme);
@@ -234,7 +241,7 @@ class CombinationChart extends BaseChart {
         config.height = 400;
         config.width = 700;
       }
-      this.chart = new Chart(config);
+      this.chart = new _customG.Chart(config);
     };
     this.handleAutoRange = (leftColumn, rightColumn) => {
       const {
@@ -250,8 +257,8 @@ class CombinationChart extends BaseChart {
         y_axis_min_right = 0,
         y_axis_max_right = 0
       } = statItem;
-      const leftColumnData = leftColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
-      const rightColumnData = rightColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
+      const leftColumnData = leftColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+      const rightColumnData = rightColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       let leftValueScaleOptions = {
         formatter: value => {
           return this.getNumberDisplayString(value, leftColumnData, y_axis_left_summary_method);
@@ -291,8 +298,8 @@ class CombinationChart extends BaseChart {
             fill: themeColors.textColor
           },
           formatter: name => {
-            if (name === '' || name == null) {
-              return intl.get(EMPTY_NAME);
+            if (name === '' || name === null || name === undefined) {
+              return _reactIntlUniversal.default.get(_constants.EMPTY_NAME);
             }
             return name;
           }
@@ -359,8 +366,8 @@ class CombinationChart extends BaseChart {
       }).adjust('dodge').tooltip('name*formatted_value_left', (name, value) => {
         return {
           value,
-          title: y_axis_left_summary_type == SUMMARY_TYPE.COUNT ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_left_summary_method]),
-          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name
+          title: y_axis_left_summary_type === _constants.SUMMARY_TYPE.COUNT ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_left_summary_method]),
+          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name
         };
       });
       this.chart.tooltip({
@@ -385,8 +392,8 @@ class CombinationChart extends BaseChart {
       this.chart.line().position('name*value_right').color(currentTheme && currentTheme.colors[1]).size(3).tooltip('name*formatted_value_right', (name, value) => {
         return {
           value,
-          title: y_axis_right_summary_type == SUMMARY_TYPE.COUNT ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_right_summary_method]),
-          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name
+          title: y_axis_right_summary_type === _constants.SUMMARY_TYPE.COUNT ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_right_summary_method]),
+          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name
         };
       });
 
@@ -399,8 +406,8 @@ class CombinationChart extends BaseChart {
       }).tooltip('name*formatted_value_right', (name, value) => {
         return {
           value,
-          title: y_axis_right_summary_type == SUMMARY_TYPE.COUNT ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_right_summary_method]),
-          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name
+          title: y_axis_right_summary_type === _constants.SUMMARY_TYPE.COUNT ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_right_summary_method]),
+          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name
         };
       });
     };
@@ -415,12 +422,12 @@ class CombinationChart extends BaseChart {
         y_axis_left_group_by_numeric_columns
       } = statItem;
       const legendItems = [];
-      const column1 = TableUtils.getTableColumnByKey(table, y_axis_left_summary_column) || {};
-      const column2 = TableUtils.getTableColumnByKey(table, y_axis_right_summary_column) || {};
+      const column1 = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_left_summary_column) || {};
+      const column2 = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_right_summary_column) || {};
       if (!y_axis_left_group_by_multiple_numeric_column) {
         legendItems.push({
           value: 'value_left',
-          name: column1.name || intl.get(LEGEND_LEFT),
+          name: column1.name || _reactIntlUniversal.default.get(_constants.LEGEND_LEFT),
           marker: {
             symbol: 'square',
             style: {
@@ -430,7 +437,7 @@ class CombinationChart extends BaseChart {
           }
         }, {
           value: 'value_right',
-          name: column2.name || intl.get(LEGEND_RIGHT),
+          name: column2.name || _reactIntlUniversal.default.get(_constants.LEGEND_RIGHT),
           marker: {
             symbol: 'hyphen',
             style: {
@@ -443,9 +450,9 @@ class CombinationChart extends BaseChart {
       } else {
         legendItems.push({
           value: 'value_left',
-          name: column1.name || intl.get(LEGEND_LEFT),
+          name: column1.name || _reactIntlUniversal.default.get(_constants.LEGEND_LEFT),
           marker: {
-            fill: LABEL_COLORS[0],
+            fill: _constants.LABEL_COLORS[0],
             symbol: 'square',
             style: {
               r: 5
@@ -453,14 +460,14 @@ class CombinationChart extends BaseChart {
           }
         });
         y_axis_left_group_by_numeric_columns.forEach((item, index) => {
-          const column = TableUtils.getTableColumnByKey(table, item.column_key) || {};
+          const column = _dtableStore.TableUtils.getTableColumnByKey(table, item.column_key) || {};
           legendItems.push({
             value: 'group_name',
-            name: column.name || intl.get(LEGEND_LEFT),
+            name: column.name || _reactIntlUniversal.default.get(_constants.LEGEND_LEFT),
             marker: {
               symbol: 'square',
               style: {
-                fill: LABEL_COLORS[(index + 1) % 12],
+                fill: _constants.LABEL_COLORS[(index + 1) % 12],
                 r: 5
               }
             }
@@ -468,7 +475,7 @@ class CombinationChart extends BaseChart {
         });
         legendItems.push({
           value: 'value_right',
-          name: column2.name || intl.get(LEGEND_RIGHT),
+          name: column2.name || _reactIntlUniversal.default.get(_constants.LEGEND_RIGHT),
           marker: {
             symbol: 'hyphen',
             style: {
@@ -526,7 +533,7 @@ class CombinationChart extends BaseChart {
       show_y_axis_left_label,
       show_x_axis_label
     } = statItem;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.container = ref,
       style: {
         padding: show_y_axis_left_label || show_x_axis_label ? 30 : 20
@@ -536,4 +543,4 @@ class CombinationChart extends BaseChart {
   }
 }
 CombinationChart.propTypes = propTypes;
-export default CombinationChart;
+var _default = exports.default = CombinationChart;

package/es/stat-view/compare-chart.js

@@ -1,23 +1,30 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import intl from 'react-intl-universal';
-import { TableUtils } from 'dtable-store';
-import BaseChart from './base-chart';
-import { Chart } from '../custom-g2';
-import { getCurrentTheme } from '../utils/common-utils';
-import { getChartGroups } from '../utils/basic-chart-utils';
-import { DEFAULT_NUMBER_FORMAT_OBJECT, EMPTY_NAME, SUMMARY_TYPE, LABEL_CONFIG_CHANGED, STATISTICS_COUNT_SHOW, TITLE_AMOUNT, TITLE_INCREASE } from '../constants';
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _baseChart = _interopRequireDefault(require("./base-chart"));
+var _customG = require("../custom-g2");
+var _commonUtils = require("../utils/common-utils");
+var _basicChartUtils = require("../utils/basic-chart-utils");
+var _constants = require("../constants");
 const propTypes = {
-  isPreview: PropTypes.bool,
-  isEdit: PropTypes.bool,
-  colorThemeName: PropTypes.string,
-  statItem: PropTypes.object,
-  chartCalculator: PropTypes.object,
-  eventBus: PropTypes.object,
-  getTableById: PropTypes.func,
-  toggleStatisticRecordsDialog: PropTypes.func
+  isPreview: _propTypes.default.bool,
+  isEdit: _propTypes.default.bool,
+  colorThemeName: _propTypes.default.string,
+  statItem: _propTypes.default.object,
+  chartCalculator: _propTypes.default.object,
+  eventBus: _propTypes.default.object,
+  getTableById: _propTypes.default.func,
+  toggleStatisticRecordsDialog: _propTypes.default.func
 };
-class CompareChart extends BaseChart {
+class CompareChart extends _baseChart.default {
   constructor(props) {
     super(props);
     this.drawChart = data => {
@@ -36,11 +43,11 @@ class CompareChart extends BaseChart {
       this.chart.on('interval:click', e => {
         this.props.toggleStatisticRecordsDialog(e.data.data, statItem);
       });
-      let summaryColumnData = DEFAULT_NUMBER_FORMAT_OBJECT;
-      if (y_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
+      let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+      if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
-        summaryColumnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
+        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+        summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.chart.data(data, {
         'name': {
@@ -51,7 +58,7 @@ class CompareChart extends BaseChart {
       const {
         width
       } = this.chart.coordinateBBox;
-      const chartData = getChartGroups(data);
+      const chartData = (0, _basicChartUtils.getChartGroups)(data);
       const ticks = this.getTicks(chartData, width);
       if (ticks.length > 0) {
         this.chart.scale('name', {
@@ -67,7 +74,7 @@ class CompareChart extends BaseChart {
           type: 'cat'
         }
       });
-      const currentTheme = getCurrentTheme(colorThemeName);
+      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
       const themeColors = this.getThemeColors();
       this.drawBar({
         currentTheme,
@@ -104,7 +111,7 @@ class CompareChart extends BaseChart {
         config.height = 400;
         config.width = 700;
       }
-      this.chart = new Chart(config);
+      this.chart = new _customG.Chart(config);
     };
     this.handleAutoRange = (data, summaryColumnData) => {
       const {
@@ -120,7 +127,7 @@ class CompareChart extends BaseChart {
       };
 
       // eslint-disable-next-line
-      if (y_axis_auto_range == undefined || y_axis_auto_range) {
+      if (y_axis_auto_range === undefined || y_axis_auto_range === null || y_axis_auto_range) {
         valueScaleOptions = Object.assign(valueScaleOptions, {
           nice: true
         });
@@ -162,8 +169,8 @@ class CompareChart extends BaseChart {
           fill: themeColors.textColor
         }
       }).position('name*value').color('group_name', currentTheme && currentTheme.colors).tooltip('name*formatted_value*raw_name', (name, value, raw_name) => {
-        const nameContent = !raw_name && typeof raw_name !== 'number' ? intl.get(EMPTY_NAME) : raw_name;
-        const titleContent = y_axis_summary_type === 'count' ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[y_axis_summary_method]);
+        const nameContent = !raw_name && typeof raw_name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : raw_name;
+        const titleContent = y_axis_summary_type === 'count' ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[y_axis_summary_method]);
         return {
           value,
           title: titleContent,
@@ -199,11 +206,11 @@ class CompareChart extends BaseChart {
       } = this.props.statItem;
       this.chart.line().position('name*increase_value').size(3).color(increase_line_color || '#fbd44a').shape('smooth').tooltip('name*increase_value', (name, value) => {
         return {
-          title: intl.get(TITLE_INCREASE),
+          title: _reactIntlUniversal.default.get(_constants.TITLE_INCREASE),
           value: this.getNumberDisplayString(value || 0, {
             format: 'percent'
           }),
-          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name
+          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name
         };
       });
       this.chart.point().label(display_increase_percentage ? 'increase_value' : false, value => {
@@ -217,11 +224,11 @@ class CompareChart extends BaseChart {
         };
       }).color(increase_line_color || '#fbd44a').position('name*increase_value').size(3).tooltip('name*increase_value', (name, value) => {
         return {
-          title: intl.get(TITLE_INCREASE),
+          title: _reactIntlUniversal.default.get(_constants.TITLE_INCREASE),
           value: this.getNumberDisplayString(value || 0, {
             format: 'percent'
           }),
-          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name
+          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name
         };
       });
       this.chart.axis('increase_value', {
@@ -266,7 +273,7 @@ class CompareChart extends BaseChart {
             fill: themeColors.textColor
           },
           formatter: name => {
-            return !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name;
+            return !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name;
           }
         },
         pageNavigator: {
@@ -315,7 +322,7 @@ class CompareChart extends BaseChart {
         const div = document.createElement('div');
         div.id = xAxisID;
         div.className = 'statistic-chart-axis-label';
-        const column = TableUtils.getTableColumnByKey(table, x_axis_column_key);
+        const column = _dtableStore.TableUtils.getTableColumnByKey(table, x_axis_column_key);
         div.innerHTML = "".concat(column ? column.name : '');
         div.setAttribute('style', "color:".concat(textColor, "; width: 100%; padding-left: ").concat(autoPadding.left, "px; text-align: ").concat(x_axis_label_position, "; bottom: -20px"));
         chartContainer.appendChild(div);
@@ -333,10 +340,10 @@ class CompareChart extends BaseChart {
         const div = document.createElement('div');
         div.id = yAxisID;
         div.className = 'statistic-chart-axis-label';
-        if (y_axis_summary_type === SUMMARY_TYPE.COUNT) {
-          div.innerHTML = intl.get(TITLE_AMOUNT);
+        if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
+          div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
         } else {
-          const column = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+          const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
           div.innerHTML = column.name || '';
         }
         const containerHeight = chartContainer.offsetHeight;
@@ -373,7 +380,7 @@ class CompareChart extends BaseChart {
       chartCalculator,
       eventBus
     } = this.props;
-    this.unsubscribeStyleChange = eventBus.subscribe(LABEL_CONFIG_CHANGED, newStatItem => {
+    this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
       this.renderAxisLabel(newStatItem);
     });
     if (this.container) {
@@ -463,7 +470,7 @@ class CompareChart extends BaseChart {
       show_y_axis_label,
       show_x_axis_label
     } = statItem;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.container = ref,
       style: {
         padding: show_y_axis_label || show_x_axis_label ? 30 : 20
@@ -473,4 +480,4 @@ class CompareChart extends BaseChart {
   }
 }
 CompareChart.propTypes = propTypes;
-export default CompareChart;
+var _default = exports.default = CompareChart;

package/es/stat-view/completeness-chart.js

@@ -1,21 +1,28 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import intl from 'react-intl-universal';
-import { TableUtils } from 'dtable-store';
-import BaseChart from './base-chart';
-import { Chart } from '../custom-g2';
-import { getCurrentTheme } from '../utils/common-utils';
-import { EMPTY_NAME, STAT_TYPE } from '../constants';
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _baseChart = _interopRequireDefault(require("./base-chart"));
+var _customG = require("../custom-g2");
+var _commonUtils = require("../utils/common-utils");
+var _constants = require("../constants");
 const propTypes = {
-  isPreview: PropTypes.bool,
-  isEdit: PropTypes.bool,
-  colorThemeName: PropTypes.string,
-  statItem: PropTypes.object,
-  chartCalculator: PropTypes.object,
-  getTableById: PropTypes.func,
-  toggleStatisticRecordsDialog: PropTypes.func
+  isPreview: _propTypes.default.bool,
+  isEdit: _propTypes.default.bool,
+  colorThemeName: _propTypes.default.string,
+  statItem: _propTypes.default.object,
+  chartCalculator: _propTypes.default.object,
+  getTableById: _propTypes.default.func,
+  toggleStatisticRecordsDialog: _propTypes.default.func
 };
-class CompletenessChart extends BaseChart {
+class CompletenessChart extends _baseChart.default {
   constructor(props) {
     super(props);
     this.destroyChart = () => {
@@ -23,14 +30,14 @@ class CompletenessChart extends BaseChart {
       this.chart = null;
     };
     this.sortData = (data, sortType) => {
-      const compareCompleteness = sortType == 'ascending' ? function (a, b) {
+      const compareCompleteness = sortType === 'ascending' ? function (a, b) {
         return a - b;
       } : function (a, b) {
         return b - a;
       };
       const sortBy = (a, b) => {
         if (a.name === b.name) {
-          return a.type == 'completed' ? -1 : 1;
+          return a.type === 'completed' ? -1 : 1;
         }
         const aCompleteness = a.current_value / a.target_value;
         const bCompleteness = b.current_value / b.target_value;
@@ -50,12 +57,12 @@ class CompletenessChart extends BaseChart {
         target_column,
         table_id
       } = statItem;
-      const isGroupChart = statItem.type === STAT_TYPE.GROUP_COMPLETENESS_CHART;
-      const currentTheme = getCurrentTheme(colorThemeName);
+      const isGroupChart = statItem.type === _constants.STAT_TYPE.GROUP_COMPLETENESS_CHART;
+      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
       this.initChartHandler();
       const selectedTable = getTableById(table_id);
-      const completedColumn = TableUtils.getTableColumnByKey(selectedTable, completed_column);
-      const targetColumn = TableUtils.getTableColumnByKey(selectedTable, target_column);
+      const completedColumn = _dtableStore.TableUtils.getTableColumnByKey(selectedTable, completed_column);
+      const targetColumn = _dtableStore.TableUtils.getTableColumnByKey(selectedTable, target_column);
 
       // 数据颜色映射value设置当前主题色
       if (isGroupChart) {
@@ -114,7 +121,7 @@ class CompletenessChart extends BaseChart {
         config.height = 400;
         config.width = 700;
       }
-      this.chart = new Chart(config);
+      this.chart = new _customG.Chart(config);
     };
     this.handleAutoRange = targetColumn => {
       const {
@@ -188,17 +195,17 @@ class CompletenessChart extends BaseChart {
         }
         return data.colorMap[group_label];
       }).adjust(adjustType).tooltip('name*current_value*target_value*type', (name, current_value, target_value, type) => {
-        let tooltipName = intl.get('Completed');
+        let tooltipName = _reactIntlUniversal.default.get('Completed');
         let value;
         if (type === 'uncompleted') {
-          tooltipName = intl.get('Uncompleted');
+          tooltipName = _reactIntlUniversal.default.get('Uncompleted');
           value = this.getNumberDisplayString(target_value - current_value, targetColumn.data);
         } else {
           value = this.getNumberDisplayString(current_value, completedColumn.data);
         }
         let tooltipTitle = name;
         if (!tooltipTitle && typeof tooltipTitle !== 'number') {
-          tooltipTitle = intl.get(EMPTY_NAME);
+          tooltipTitle = _reactIntlUniversal.default.get(_constants.EMPTY_NAME);
         }
         return {
           title: tooltipTitle,
@@ -231,7 +238,7 @@ class CompletenessChart extends BaseChart {
           formatter: name => {
             let label = name;
             if (!name && typeof name !== 'number') {
-              label = intl.get(EMPTY_NAME);
+              label = _reactIntlUniversal.default.get(_constants.EMPTY_NAME);
             }
             return label;
           },
@@ -265,7 +272,7 @@ class CompletenessChart extends BaseChart {
             fill: themeColors.textColor
           },
           formatter: name => {
-            return !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name;
+            return !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name;
           }
         },
         pageNavigator: {
@@ -370,7 +377,7 @@ class CompletenessChart extends BaseChart {
       isCalculatingData,
       showResultDescription
     } = this.state;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.container = ref,
       style: {
         padding: 20
@@ -380,4 +387,4 @@ class CompletenessChart extends BaseChart {
   }
 }
 CompletenessChart.propTypes = propTypes;
-export default CompletenessChart;
+var _default = exports.default = CompletenessChart;