dtable-statistic 4.3.6 → 4.3.8

package/es/stat-view/basic-number-card.js

@@ -8,7 +8,7 @@ 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 _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _constants = require("../constants");
@@ -21,53 +21,6 @@ const propTypes = {
 class BasicNumericCard extends _baseChart.default {
   constructor(props) {
     super(props);
-    this.componentDidMount = async () => {
-      const {
-        statItem,
-        chartCalculator
-      } = this.props;
-      if (this.container) {
-        const data = await chartCalculator.calculate(statItem);
-        this.setState({
-          isCalculatingData: false
-        });
-        this.drawChart(data);
-        this.calculateData = data;
-      }
-    };
-    this.componentDidUpdate = async (preProps, preState) => {
-      const {
-        statItem,
-        chartCalculator
-      } = this.props;
-      const {
-        isCalculatingData
-      } = this.state;
-      if (isCalculatingData !== preState.isCalculatingData) return;
-      if (this.shouldCalculateStatItem(preProps, this.props)) {
-        this.setState({
-          isCalculatingData: true
-        });
-        if (this.container) {
-          const data = await chartCalculator.calculate(statItem);
-          this.calculateData = data;
-          this.setState({
-            isCalculatingData: false
-          });
-          this.chart && this.chart.destroy();
-          this.drawChart(data);
-          if (this.props.isPreview) {
-            this.chart.forceFit();
-          }
-        }
-      } else {
-        this.chart && this.chart.destroy();
-        this.drawChart(this.calculateData);
-        if (this.props.isPreview) {
-          this.chart.forceFit();
-        }
-      }
-    };
     this.drawChart = data => {
       const {
         isPreview,
@@ -118,7 +71,7 @@ class BasicNumericCard extends _baseChart.default {
       if (!data) return _reactIntlUniversal.default.get(_constants.EMPTY_NAME);
       if (summary_method !== 'Row_count') {
         const table = getTableById(table_id);
-        const selectedColumn = _dtableStore.TableUtils.getTableColumnByKey(table, numeric_column);
+        const selectedColumn = (0, _dtableUtils.getTableColumnByKey)(table, numeric_column);
         const formattedContent = this.getNumberDisplayString(data, selectedColumn.data || {});
         return formattedContent;
       }
@@ -175,6 +128,20 @@ class BasicNumericCard extends _baseChart.default {
     };
     this.calculateData = null;
   }
+  async componentDidMount() {
+    const {
+      statItem,
+      chartCalculator
+    } = this.props;
+    if (this.container) {
+      const data = await chartCalculator.calculate(statItem);
+      this.setState({
+        isCalculatingData: false
+      });
+      this.drawChart(data);
+      this.calculateData = data;
+    }
+  }
   shouldComponentUpdate(nextProps, nextState) {
     if (this.canUpdate(this.props, nextProps)) {
       return true;
@@ -184,6 +151,39 @@ class BasicNumericCard extends _baseChart.default {
     }
     return false;
   }
+  async componentDidUpdate(preProps, preState) {
+    const {
+      statItem,
+      chartCalculator
+    } = this.props;
+    const {
+      isCalculatingData
+    } = this.state;
+    if (isCalculatingData !== preState.isCalculatingData) return;
+    if (this.shouldCalculateStatItem(preProps, this.props)) {
+      this.setState({
+        isCalculatingData: true
+      });
+      if (this.container) {
+        const data = await chartCalculator.calculate(statItem);
+        this.calculateData = data;
+        this.setState({
+          isCalculatingData: false
+        });
+        this.chart && this.chart.destroy();
+        this.drawChart(data);
+        if (this.props.isPreview) {
+          this.chart.forceFit();
+        }
+      }
+    } else {
+      this.chart && this.chart.destroy();
+      this.drawChart(this.calculateData);
+      if (this.props.isPreview) {
+        this.chart.forceFit();
+      }
+    }
+  }
   componentWillUnmount() {
     this.container = null;
   }

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

@@ -8,7 +8,7 @@ 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 _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _commonUtils = require("../utils/common-utils");
@@ -27,66 +27,6 @@ const propTypes = {
 class CombinationChart extends _baseChart.default {
   constructor(props) {
     super(props);
-    this.componentDidMount = async () => {
-      const {
-        statItem,
-        chartCalculator,
-        eventBus
-      } = this.props;
-      this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
-        this.renderAxisLabel(newStatItem);
-      });
-      if (!this.container) return;
-      const data = await chartCalculator.calculate(statItem);
-      let showResultDescription = data.length > 0 ? false : true;
-      this.setState({
-        isCalculatingData: false,
-        showResultDescription
-      }, () => {
-        if (!showResultDescription) {
-          this.drawChart(data);
-          this.calculateData = data;
-        }
-      });
-    };
-    this.componentDidUpdate = async (preProps, preState) => {
-      const {
-        statItem,
-        chartCalculator
-      } = this.props;
-      const {
-        isCalculatingData
-      } = this.state;
-      if (isCalculatingData !== preState.isCalculatingData) return;
-      if (this.shouldCalculateStatItem(preProps, this.props)) {
-        this.setState({
-          isCalculatingData: true
-        });
-        if (this.container) {
-          const data = await chartCalculator.calculate(statItem);
-          const showResultDescription = data.length > 0 ? false : true;
-          this.chart && this.destroyChart();
-          this.calculateData = data;
-          this.setState({
-            isCalculatingData: false,
-            showResultDescription
-          }, () => {
-            if (!showResultDescription) {
-              this.drawChart(data);
-              if (this.props.isPreview) this.chart.forceFit();
-            }
-          });
-        }
-      } else {
-        if (!this.state.showResultDescription) {
-          this.chart && this.destroyChart();
-          this.drawChart(this.calculateData);
-          if (this.props.isPreview) {
-            this.chart.forceFit();
-          }
-        }
-      }
-    };
     this.renderAxisLabel = newStatItem => {
       let {
         getTableById,
@@ -121,7 +61,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 = (0, _dtableUtils.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,7 +78,7 @@ 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 yAxisColumn = (0, _dtableUtils.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;
@@ -164,7 +104,7 @@ 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 yAxisColumn = (0, _dtableUtils.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;
@@ -205,8 +145,8 @@ 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 = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_left_summary_column) || {};
+      const rightColumn = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_right_summary_column) || {};
       this.handleAutoRange(leftColumn, rightColumn);
       const themeColors = this.getThemeColors();
       const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
@@ -422,8 +362,8 @@ 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 = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_left_summary_column) || {};
+      const column2 = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_right_summary_column) || {};
       if (!y_axis_left_group_by_multiple_numeric_column) {
         legendItems.push({
           value: 'value_left',
@@ -460,7 +400,7 @@ 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 = (0, _dtableUtils.getTableColumnByKey)(table, item.column_key) || {};
           legendItems.push({
             value: 'group_name',
             name: column.name || _reactIntlUniversal.default.get(_constants.LEGEND_LEFT),
@@ -498,6 +438,28 @@ class CombinationChart extends _baseChart.default {
     };
     this.calculateData = null;
   }
+  async componentDidMount() {
+    const {
+      statItem,
+      chartCalculator,
+      eventBus
+    } = this.props;
+    this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
+      this.renderAxisLabel(newStatItem);
+    });
+    if (!this.container) return;
+    const data = await chartCalculator.calculate(statItem);
+    let showResultDescription = data.length > 0 ? false : true;
+    this.setState({
+      isCalculatingData: false,
+      showResultDescription
+    }, () => {
+      if (!showResultDescription) {
+        this.drawChart(data);
+        this.calculateData = data;
+      }
+    });
+  }
   shouldComponentUpdate(nextProps, nextState) {
     const {
       theme,
@@ -517,6 +479,44 @@ class CombinationChart extends _baseChart.default {
     }
     return false;
   }
+  async componentDidUpdate(preProps, preState) {
+    const {
+      statItem,
+      chartCalculator
+    } = this.props;
+    const {
+      isCalculatingData
+    } = this.state;
+    if (isCalculatingData !== preState.isCalculatingData) return;
+    if (this.shouldCalculateStatItem(preProps, this.props)) {
+      this.setState({
+        isCalculatingData: true
+      });
+      if (this.container) {
+        const data = await chartCalculator.calculate(statItem);
+        const showResultDescription = data.length > 0 ? false : true;
+        this.chart && this.destroyChart();
+        this.calculateData = data;
+        this.setState({
+          isCalculatingData: false,
+          showResultDescription
+        }, () => {
+          if (!showResultDescription) {
+            this.drawChart(data);
+            if (this.props.isPreview) this.chart.forceFit();
+          }
+        });
+      }
+    } else {
+      if (!this.state.showResultDescription) {
+        this.chart && this.destroyChart();
+        this.drawChart(this.calculateData);
+        if (this.props.isPreview) {
+          this.chart.forceFit();
+        }
+      }
+    }
+  }
   componentWillUnmount() {
     this.container = null;
     this.unsubscribeStyleChange();

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

@@ -8,7 +8,7 @@ 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 _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _commonUtils = require("../utils/common-utils");
@@ -46,7 +46,7 @@ class CompareChart extends _baseChart.default {
       let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+        const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_column_key) || {};
         summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.chart.data(data, {
@@ -322,7 +322,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 = (0, _dtableUtils.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);
@@ -343,7 +343,7 @@ class CompareChart extends _baseChart.default {
         if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
           div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
         } else {
-          const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+          const column = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_column_key) || {};
           div.innerHTML = column.name || '';
         }
         const containerHeight = chartContainer.offsetHeight;

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

@@ -8,7 +8,7 @@ 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 _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _commonUtils = require("../utils/common-utils");
@@ -61,8 +61,8 @@ class CompletenessChart extends _baseChart.default {
       const currentTheme = (0, _commonUtils.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 = (0, _dtableUtils.getTableColumnByKey)(selectedTable, completed_column);
+      const targetColumn = (0, _dtableUtils.getTableColumnByKey)(selectedTable, target_column);
 
       // 数据颜色映射value设置当前主题色
       if (isGroupChart) {

package/es/stat-view/custom-bar.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _dataSet = _interopRequireDefault(require("@antv/data-set"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
+var _dtableUtils = require("dtable-utils");
 var _customG = require("../custom-g2");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _basicChartUtils = require("../utils/basic-chart-utils");
@@ -258,7 +258,7 @@ class CustomBar 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 = (0, _dtableUtils.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);

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

@@ -20,56 +20,6 @@ const HEIGHT = 400;
 class DashboardChart extends _baseChart.default {
   constructor(props) {
     super(props);
-    this.componentDidMount = async () => {
-      const {
-        statItem,
-        chartCalculator
-      } = this.props;
-      if (this.container) {
-        const data = await chartCalculator.calculate(statItem);
-        this.setState({
-          isCalculatingData: false
-        });
-        this.drawChart(data);
-        this.calculateData = data;
-      }
-    };
-    this.componentDidUpdate = async (preProps, preState) => {
-      const {
-        statItem,
-        chartCalculator
-      } = this.props;
-      const {
-        isCalculatingData
-      } = this.state;
-      if (isCalculatingData !== preState.isCalculatingData) return;
-      if (this.shouldCalculateStatItem(preProps, this.props)) {
-        this.setState({
-          isCalculatingData: true
-        });
-        if (this.container) {
-          const data = await chartCalculator.calculate(statItem);
-          if (!this.container) return;
-          this.calculateData = data;
-          this.setState({
-            isCalculatingData: false
-          });
-          this.chart && this.chart.destroy();
-          this.drawChart(data);
-          if (this.props.isPreview) {
-            const canvasSize = this.getCanvasSize();
-            this.chart.changeSize(canvasSize.w, canvasSize.h);
-          }
-        }
-      } else {
-        this.chart && this.chart.destroy();
-        this.drawChart(this.calculateData);
-        if (this.props.isPreview) {
-          const canvasSize = this.getCanvasSize();
-          this.chart.changeSize(canvasSize.w, canvasSize.h);
-        }
-      }
-    };
     this.getCanvasSize = () => {
       const maxWidth = this.container.clientWidth;
       const maxHeight = this.container.clientHeight;
@@ -243,6 +193,20 @@ class DashboardChart extends _baseChart.default {
     };
     this.calculateData = null;
   }
+  async componentDidMount() {
+    const {
+      statItem,
+      chartCalculator
+    } = this.props;
+    if (this.container) {
+      const data = await chartCalculator.calculate(statItem);
+      this.setState({
+        isCalculatingData: false
+      });
+      this.drawChart(data);
+      this.calculateData = data;
+    }
+  }
   shouldComponentUpdate(nextProps, nextState) {
     if (this.canUpdate(this.props, nextProps)) {
       return true;
@@ -252,6 +216,42 @@ class DashboardChart extends _baseChart.default {
     }
     return false;
   }
+  async componentDidUpdate(preProps, preState) {
+    const {
+      statItem,
+      chartCalculator
+    } = this.props;
+    const {
+      isCalculatingData
+    } = this.state;
+    if (isCalculatingData !== preState.isCalculatingData) return;
+    if (this.shouldCalculateStatItem(preProps, this.props)) {
+      this.setState({
+        isCalculatingData: true
+      });
+      if (this.container) {
+        const data = await chartCalculator.calculate(statItem);
+        if (!this.container) return;
+        this.calculateData = data;
+        this.setState({
+          isCalculatingData: false
+        });
+        this.chart && this.chart.destroy();
+        this.drawChart(data);
+        if (this.props.isPreview) {
+          const canvasSize = this.getCanvasSize();
+          this.chart.changeSize(canvasSize.w, canvasSize.h);
+        }
+      }
+    } else {
+      this.chart && this.chart.destroy();
+      this.drawChart(this.calculateData);
+      if (this.props.isPreview) {
+        const canvasSize = this.getCanvasSize();
+        this.chart.changeSize(canvasSize.w, canvasSize.h);
+      }
+    }
+  }
   render() {
     const {
       isCalculatingData

package/es/stat-view/heat-map.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
+var _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _commonUtils = require("../utils/common-utils");
@@ -141,7 +141,7 @@ class HeatMap extends _baseChart.default {
       } = statItem;
       if (summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column) || {};
+        const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column) || {};
         columnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.chart.facet('list', {

package/es/stat-view/horizontal-bar-chart.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _dataSet = _interopRequireDefault(require("@antv/data-set"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
+var _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _commonUtils = require("../utils/common-utils");
@@ -64,7 +64,7 @@ class HorizontalBarChart extends _baseChart.default {
       let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       if (horizontal_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, horizontal_axis_column_key) || {};
+        const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, horizontal_axis_column_key) || {};
         summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       if (isGroup) {
@@ -406,7 +406,7 @@ class HorizontalBarChart extends _baseChart.default {
         if (horizontal_axis_summary_type === 'count') {
           div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
         } else {
-          const column = _dtableStore.TableUtils.getTableColumnByKey(table, horizontal_axis_column_key) || {};
+          const column = (0, _dtableUtils.getTableColumnByKey)(table, horizontal_axis_column_key) || {};
           div.innerHTML = column.name || '';
         }
         div.setAttribute('style', "color:".concat(textColor, "; width: 100%; padding-left: ").concat(autoPadding.left, "px; text-align: ").concat(horizontal_axis_label_position, "; bottom: -20px"));
@@ -424,7 +424,7 @@ class HorizontalBarChart extends _baseChart.default {
         const div = document.createElement('div');
         div.id = verticalAxisID;
         div.className = 'statistic-chart-axis-label';
-        const column = _dtableStore.TableUtils.getTableColumnByKey(table, vertical_axis_column_key);
+        const column = (0, _dtableUtils.getTableColumnByKey)(table, vertical_axis_column_key);
         div.innerHTML = "".concat(column ? column.name : '');
         if (type === _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR) {
           div.innerHTML = title_name;

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

@@ -8,7 +8,7 @@ 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 _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _commonUtils = require("../utils/common-utils");
@@ -60,7 +60,7 @@ class LineChart extends _baseChart.default {
       }
       if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+        const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_column_key) || {};
         summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
@@ -358,7 +358,7 @@ class LineChart 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 = (0, _dtableUtils.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);
@@ -379,7 +379,7 @@ class LineChart extends _baseChart.default {
         if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
           div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
         } else {
-          const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+          const column = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_column_key) || {};
           div.innerHTML = column.name || '';
         }
         const containerHeight = chartContainer.offsetHeight;

package/es/stat-view/map.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = _interopRequireDefault(require("@antv/data-set/lib/index"));
-var _dtableStore = require("dtable-store");
+var _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _constants = require("../constants");
@@ -104,7 +104,7 @@ class Map extends _baseChart.default {
       let columnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       if (summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column) || {};
+        const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column) || {};
         columnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.statisticView = this.chart.createView();
@@ -196,7 +196,7 @@ class Map extends _baseChart.default {
       let columnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       if (summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column) || {};
+        const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column) || {};
         columnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.statisticView = this.chart.createView();

package/es/stat-view/mirror.js

@@ -8,7 +8,7 @@ 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 _dtableUtils = require("dtable-utils");
 var _baseChart = _interopRequireDefault(require("./base-chart"));
 var _customG = require("../custom-g2");
 var _constants = require("../constants");
@@ -42,7 +42,7 @@ class Mirror extends _baseChart.default {
       let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       if (summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column) || {};
+        const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column) || {};
         summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.chart.data(data);