dtable-statistic 4.3.3 → 4.3.4

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

@@ -1,30 +1,23 @@
-"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");
+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';
 const propTypes = {
-  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
+  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
 };
-class CombinationChart extends _baseChart.default {
+class CombinationChart extends BaseChart {
   constructor(props) {
     super(props);
     this.componentDidMount = async () => {
@@ -33,7 +26,7 @@ class CombinationChart extends _baseChart.default {
         chartCalculator,
         eventBus
       } = this.props;
-      this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
+      this.unsubscribeStyleChange = eventBus.subscribe(LABEL_CONFIG_CHANGED, newStatItem => {
         this.renderAxisLabel(newStatItem);
       });
       if (!this.container) return;
@@ -121,7 +114,7 @@ class CombinationChart extends _baseChart.default {
         const div = document.createElement('div');
         div.id = xAxisID;
         div.className = 'statistic-chart-axis-label';
-        const column = _dtableStore.TableUtils.getTableColumnByKey(table, x_axis_column_key);
+        const column = 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);
@@ -138,8 +131,8 @@ class CombinationChart extends _baseChart.default {
         const div = document.createElement('div');
         div.id = yAxisLeftID;
         div.className = 'statistic-chart-axis-label';
-        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);
+        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);
         div.innerHTML = labeContent;
         const containerHeight = chartContainer.offsetHeight;
         let textAlign = 'center';
@@ -164,8 +157,8 @@ class CombinationChart extends _baseChart.default {
         const div = document.createElement('div');
         div.id = yAxisRightID;
         div.className = 'statistic-chart-axis-label';
-        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);
+        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);
         div.innerHTML = labeContent;
         const containerHeight = chartContainer.offsetHeight;
         let textAlign = 'center';
@@ -205,11 +198,11 @@ class CombinationChart extends _baseChart.default {
         }
       });
       const table = getTableById(table_id);
-      const leftColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_left_summary_column) || {};
-      const rightColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_right_summary_column) || {};
+      const leftColumn = TableUtils.getTableColumnByKey(table, y_axis_left_summary_column) || {};
+      const rightColumn = TableUtils.getTableColumnByKey(table, y_axis_right_summary_column) || {};
       this.handleAutoRange(leftColumn, rightColumn);
       const themeColors = this.getThemeColors();
-      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
+      const currentTheme = getCurrentTheme(colorThemeName);
       this.setNameAxis(themeColors);
       this.setValueAxis(themeColors);
       this.setLegend(themeColors, table, currentTheme);
@@ -241,7 +234,7 @@ class CombinationChart extends _baseChart.default {
         config.height = 400;
         config.width = 700;
       }
-      this.chart = new _customG.Chart(config);
+      this.chart = new Chart(config);
     };
     this.handleAutoRange = (leftColumn, rightColumn) => {
       const {
@@ -257,8 +250,8 @@ class CombinationChart extends _baseChart.default {
         y_axis_min_right = 0,
         y_axis_max_right = 0
       } = statItem;
-      const leftColumnData = leftColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
-      const rightColumnData = rightColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+      const leftColumnData = leftColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
+      const rightColumnData = rightColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
       let leftValueScaleOptions = {
         formatter: value => {
           return this.getNumberDisplayString(value, leftColumnData, y_axis_left_summary_method);
@@ -299,7 +292,7 @@ class CombinationChart extends _baseChart.default {
           },
           formatter: name => {
             if (name === '' || name === null || name === undefined) {
-              return _reactIntlUniversal.default.get(_constants.EMPTY_NAME);
+              return intl.get(EMPTY_NAME);
             }
             return name;
           }
@@ -366,8 +359,8 @@ class CombinationChart extends _baseChart.default {
       }).adjust('dodge').tooltip('name*formatted_value_left', (name, value) => {
         return {
           value,
-          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
+          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
         };
       });
       this.chart.tooltip({
@@ -392,8 +385,8 @@ class CombinationChart extends _baseChart.default {
       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 === _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
+          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
         };
       });
 
@@ -406,8 +399,8 @@ class CombinationChart extends _baseChart.default {
       }).tooltip('name*formatted_value_right', (name, value) => {
         return {
           value,
-          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
+          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
         };
       });
     };
@@ -422,12 +415,12 @@ class CombinationChart extends _baseChart.default {
         y_axis_left_group_by_numeric_columns
       } = statItem;
       const legendItems = [];
-      const column1 = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_left_summary_column) || {};
-      const column2 = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_right_summary_column) || {};
+      const column1 = TableUtils.getTableColumnByKey(table, y_axis_left_summary_column) || {};
+      const column2 = 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 || _reactIntlUniversal.default.get(_constants.LEGEND_LEFT),
+          name: column1.name || intl.get(LEGEND_LEFT),
           marker: {
             symbol: 'square',
             style: {
@@ -437,7 +430,7 @@ class CombinationChart extends _baseChart.default {
           }
         }, {
           value: 'value_right',
-          name: column2.name || _reactIntlUniversal.default.get(_constants.LEGEND_RIGHT),
+          name: column2.name || intl.get(LEGEND_RIGHT),
           marker: {
             symbol: 'hyphen',
             style: {
@@ -450,9 +443,9 @@ class CombinationChart extends _baseChart.default {
       } else {
         legendItems.push({
           value: 'value_left',
-          name: column1.name || _reactIntlUniversal.default.get(_constants.LEGEND_LEFT),
+          name: column1.name || intl.get(LEGEND_LEFT),
           marker: {
-            fill: _constants.LABEL_COLORS[0],
+            fill: LABEL_COLORS[0],
             symbol: 'square',
             style: {
               r: 5
@@ -460,14 +453,14 @@ class CombinationChart extends _baseChart.default {
           }
         });
         y_axis_left_group_by_numeric_columns.forEach((item, index) => {
-          const column = _dtableStore.TableUtils.getTableColumnByKey(table, item.column_key) || {};
+          const column = TableUtils.getTableColumnByKey(table, item.column_key) || {};
           legendItems.push({
             value: 'group_name',
-            name: column.name || _reactIntlUniversal.default.get(_constants.LEGEND_LEFT),
+            name: column.name || intl.get(LEGEND_LEFT),
             marker: {
               symbol: 'square',
               style: {
-                fill: _constants.LABEL_COLORS[(index + 1) % 12],
+                fill: LABEL_COLORS[(index + 1) % 12],
                 r: 5
               }
             }
@@ -475,7 +468,7 @@ class CombinationChart extends _baseChart.default {
         });
         legendItems.push({
           value: 'value_right',
-          name: column2.name || _reactIntlUniversal.default.get(_constants.LEGEND_RIGHT),
+          name: column2.name || intl.get(LEGEND_RIGHT),
           marker: {
             symbol: 'hyphen',
             style: {
@@ -533,7 +526,7 @@ class CombinationChart extends _baseChart.default {
       show_y_axis_left_label,
       show_x_axis_label
     } = statItem;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
       ref: ref => this.container = ref,
       style: {
         padding: show_y_axis_left_label || show_x_axis_label ? 30 : 20
@@ -543,4 +536,4 @@ class CombinationChart extends _baseChart.default {
   }
 }
 CombinationChart.propTypes = propTypes;
-var _default = exports.default = CombinationChart;
+export default CombinationChart;

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

@@ -1,30 +1,23 @@
-"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");
+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';
 const propTypes = {
-  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
+  isPreview: PropTypes.bool,
+  isEdit: PropTypes.bool,
+  colorThemeName: PropTypes.string,
+  statItem: PropTypes.object,
+  chartCalculator: PropTypes.object,
+  eventBus: PropTypes.object,
+  getTableById: PropTypes.func,
+  toggleStatisticRecordsDialog: PropTypes.func
 };
-class CompareChart extends _baseChart.default {
+class CompareChart extends BaseChart {
   constructor(props) {
     super(props);
     this.drawChart = data => {
@@ -43,11 +36,11 @@ class CompareChart extends _baseChart.default {
       this.chart.on('interval:click', e => {
         this.props.toggleStatisticRecordsDialog(e.data.data, statItem);
       });
-      let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
-      if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      let summaryColumnData = DEFAULT_NUMBER_FORMAT_OBJECT;
+      if (y_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
-        summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+        const summaryColumn = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+        summaryColumnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.chart.data(data, {
         'name': {
@@ -58,7 +51,7 @@ class CompareChart extends _baseChart.default {
       const {
         width
       } = this.chart.coordinateBBox;
-      const chartData = (0, _basicChartUtils.getChartGroups)(data);
+      const chartData = getChartGroups(data);
       const ticks = this.getTicks(chartData, width);
       if (ticks.length > 0) {
         this.chart.scale('name', {
@@ -74,7 +67,7 @@ class CompareChart extends _baseChart.default {
           type: 'cat'
         }
       });
-      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
+      const currentTheme = getCurrentTheme(colorThemeName);
       const themeColors = this.getThemeColors();
       this.drawBar({
         currentTheme,
@@ -111,7 +104,7 @@ class CompareChart extends _baseChart.default {
         config.height = 400;
         config.width = 700;
       }
-      this.chart = new _customG.Chart(config);
+      this.chart = new Chart(config);
     };
     this.handleAutoRange = (data, summaryColumnData) => {
       const {
@@ -169,8 +162,8 @@ class CompareChart extends _baseChart.default {
           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' ? _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]);
+        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]);
         return {
           value,
           title: titleContent,
@@ -206,11 +199,11 @@ class CompareChart extends _baseChart.default {
       } = 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: _reactIntlUniversal.default.get(_constants.TITLE_INCREASE),
+          title: intl.get(TITLE_INCREASE),
           value: this.getNumberDisplayString(value || 0, {
             format: 'percent'
           }),
-          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name
+          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name
         };
       });
       this.chart.point().label(display_increase_percentage ? 'increase_value' : false, value => {
@@ -224,11 +217,11 @@ class CompareChart extends _baseChart.default {
         };
       }).color(increase_line_color || '#fbd44a').position('name*increase_value').size(3).tooltip('name*increase_value', (name, value) => {
         return {
-          title: _reactIntlUniversal.default.get(_constants.TITLE_INCREASE),
+          title: intl.get(TITLE_INCREASE),
           value: this.getNumberDisplayString(value || 0, {
             format: 'percent'
           }),
-          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name
+          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name
         };
       });
       this.chart.axis('increase_value', {
@@ -273,7 +266,7 @@ class CompareChart extends _baseChart.default {
             fill: themeColors.textColor
           },
           formatter: name => {
-            return !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name;
+            return !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name;
           }
         },
         pageNavigator: {
@@ -322,7 +315,7 @@ class CompareChart extends _baseChart.default {
         const div = document.createElement('div');
         div.id = xAxisID;
         div.className = 'statistic-chart-axis-label';
-        const column = _dtableStore.TableUtils.getTableColumnByKey(table, x_axis_column_key);
+        const column = 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);
@@ -340,10 +333,10 @@ class CompareChart extends _baseChart.default {
         const div = document.createElement('div');
         div.id = yAxisID;
         div.className = 'statistic-chart-axis-label';
-        if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
-          div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
+        if (y_axis_summary_type === SUMMARY_TYPE.COUNT) {
+          div.innerHTML = intl.get(TITLE_AMOUNT);
         } else {
-          const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+          const column = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
           div.innerHTML = column.name || '';
         }
         const containerHeight = chartContainer.offsetHeight;
@@ -380,7 +373,7 @@ class CompareChart extends _baseChart.default {
       chartCalculator,
       eventBus
     } = this.props;
-    this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
+    this.unsubscribeStyleChange = eventBus.subscribe(LABEL_CONFIG_CHANGED, newStatItem => {
       this.renderAxisLabel(newStatItem);
     });
     if (this.container) {
@@ -470,7 +463,7 @@ class CompareChart extends _baseChart.default {
       show_y_axis_label,
       show_x_axis_label
     } = statItem;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
       ref: ref => this.container = ref,
       style: {
         padding: show_y_axis_label || show_x_axis_label ? 30 : 20
@@ -480,4 +473,4 @@ class CompareChart extends _baseChart.default {
   }
 }
 CompareChart.propTypes = propTypes;
-var _default = exports.default = CompareChart;
+export default CompareChart;

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

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