sea-chart 0.0.33-beta → 0.0.34

package/dist/settings/time-comparison-settings/style-settings.js

@@ -91,7 +91,6 @@ const StyleSettings = _ref => {
     });
   }, [chart, onChange]);
   const onDisplayValueChange = useCallback(update => {
-    console.log('update', update);
     onChange && onChange(update);
   }, [onChange]);
   const onDisplayPercentageIncreaseChange = useCallback(event => {

package/dist/utils/chart-utils/base-utils.js

@@ -1,4 +1,4 @@
-var _BaseUtils;
+var _class;
 import shallowEqual from 'shallowequal';
 import dayjs from 'dayjs';
 import { CellType, COLLABORATOR_COLUMN_TYPES, FORMULA_COLUMN_TYPES_MAP, FORMULA_RESULT_TYPE, getDateDisplayString, getNumberDisplayString, getOption, getPrecisionNumber, getTableById, getTableColumnByKey, isNumber, isNumericColumn, isDateColumn, sortText, sortNumber, sortDate, sortSingleSelect, sortFormula, getColumnOptions, DateUtils, getGeolocationDisplayString, getFormulaDisplayString } from 'dtable-utils';
@@ -31,7 +31,7 @@ class BaseUtils {
     };
   }
 }
-_BaseUtils = BaseUtils;
+_class = BaseUtils;
 // valid chart
 BaseUtils.isValidCombinationChart = (config, table) => {
   const summaryLeftColumnKey = config.y_axis_left_summary_column;
@@ -101,7 +101,7 @@ BaseUtils.isValidExistChart = (tables, chart) => {
   if (!groupByColumnKey) return false;
   if (!getTableColumnByKey(table, groupByColumnKey)) return false;
   if (type === CHART_TYPE.COMBINATION) {
-    const isExist = _BaseUtils.isValidCombinationChart(config, table);
+    const isExist = _class.isValidCombinationChart(config, table);
     if (!isExist) return false;
   } else {
     const summaryColumnKey = config.summary_column_key || config.y_axis_summary_column_key || config.horizontal_axis_column_key;
@@ -203,7 +203,7 @@ BaseUtils.getGroupName = (tables, chart) => {
     config
   } = chart;
   const table = getTableById(tables, config.table_id);
-  const column = _BaseUtils.getGroupColumn(table, chart);
+  const column = _class.getGroupColumn(table, chart);
   return column.name;
 };
 BaseUtils.getChartGroups = charts => {
@@ -238,7 +238,7 @@ BaseUtils.getSummaryValueDisplayString = function (summaryColumn, summaryValue)
   const {
     data
   } = summaryColumn;
-  if (_BaseUtils.isDateSummaryColumn(summaryColumn)) {
+  if (_class.isDateSummaryColumn(summaryColumn)) {
     if (typeof summaryValue !== 'string') return summaryValue;
 
     // Compatible with previous data
@@ -273,7 +273,7 @@ BaseUtils.getSummaryValue = (_ref, currentValue, nextValue) => {
     summaryMethod,
     summaryColumn
   } = _ref;
-  if (_BaseUtils.isDateSummaryColumn(summaryColumn)) {
+  if (_class.isDateSummaryColumn(summaryColumn)) {
     if (summaryMethod === 'MAX') {
       if (currentValue && nextValue) {
         return dayjs(currentValue).isBefore(nextValue) ? nextValue : currentValue;
@@ -350,7 +350,7 @@ BaseUtils.isChartStyleChanged = (prevElement, currElement) => {
   return !shallowEqual(prevBorder, currBorder) || !shallowEqual(prevTitle, currTitle);
 };
 BaseUtils.shouldChartComponentUpdate = (prevProps, currentProps) => {
-  return !_BaseUtils.isChartEqual(prevProps.chart, currentProps.chart) ||
+  return !_class.isChartEqual(prevProps.chart, currentProps.chart) ||
   // chart attributes changed
   !shallowEqual(prevProps.canvasStyle, currentProps.canvasStyle) ||
   // canvasStyle
@@ -360,7 +360,7 @@ BaseUtils.shouldChartComponentUpdate = (prevProps, currentProps) => {
   // columnGroupbyColumn's data、type changed or not exist
   !shallowEqual(prevProps.summaryColumn, currentProps.summaryColumn) ||
   // summaryColumn's data、type changed or not exist
-  _BaseUtils._isChartDataChange(prevProps, currentProps) || _BaseUtils.isChartStyleChanged(prevProps.chart, currentProps.chart);
+  _class._isChartDataChange(prevProps, currentProps) || _class.isChartStyleChanged(prevProps.chart, currentProps.chart);
 };
 BaseUtils._isCombinationDataChange = (prevResult, currentResult) => {
   if (prevResult.value_left !== currentResult.value_left) return true;
@@ -376,7 +376,7 @@ BaseUtils._isChartDataChange = (prevProps, currentProps) => {
     result: oldData
   } = currentProps;
   if (chart.config.type === CHART_TYPE.COMBINATION) {
-    return _BaseUtils._isCombinationDataChange(newData, oldData);
+    return _class._isCombinationDataChange(newData, oldData);
   }
   if (!newData && !oldData) return false;
   if (!newData && oldData || newData && !oldData) return true;
@@ -431,7 +431,7 @@ BaseUtils.getPieColorSet = (tables, chart, result) => {
     table_id,
     groupby_column_key: column_id
   } = chart.config;
-  const column = _BaseUtils.getColumn(tables, table_id, column_id);
+  const column = _class.getColumn(tables, table_id, column_id);
   const {
     type: columnType
   } = column || {};
@@ -498,7 +498,7 @@ BaseUtils.formatPieChartData = (data, chart, tables) => {
     const value = item.value;
     if (value >= threshold) {
       item.percent = String(Number.parseFloat(value / sum * 100).toFixed(1)) + '%';
-      const color = _BaseUtils.getPieColor(column, index, item);
+      const color = _class.getPieColor(column, index, item);
       item.color = color;
       colorSet.push(color);
       filteredData.push(item);
@@ -613,7 +613,7 @@ BaseUtils.updateTableViewListItemNameAndColor = (result, column, nameKey, colorK
 };
 BaseUtils.updateTableViewList = (result, column, nameKey, colorKey) => {
   result.forEach(result => {
-    _BaseUtils.updateTableViewListItemNameAndColor(result, column, nameKey, colorKey);
+    _class.updateTableViewListItemNameAndColor(result, column, nameKey, colorKey);
   });
 };
 // sort chart
@@ -749,10 +749,10 @@ BaseUtils.formatGroupsLabel = (results, chart, tables) => {
       group_name
     } = item;
     if (groupbyColumn) {
-      _BaseUtils.convertResultName(item, groupbyColumn, name, 'name', 'color');
+      _class.convertResultName(item, groupbyColumn, name, 'name', 'color');
     }
     if (columnGroupbyColumn) {
-      _BaseUtils.convertResultName(item, columnGroupbyColumn, group_name, 'group_name', 'group_color');
+      _class.convertResultName(item, columnGroupbyColumn, group_name, 'group_name', 'group_color');
     }
   });
 };
@@ -1176,19 +1176,19 @@ BaseUtils.getSummaryResult = function (results, summaryMethod) {
   switch (summaryMethod) {
     case CHART_SUMMARY_TYPE.MAX:
       {
-        return _BaseUtils.getMax(numericResults);
+        return _class.getMax(numericResults);
       }
     case CHART_SUMMARY_TYPE.MIN:
       {
-        return _BaseUtils.getMin(numericResults);
+        return _class.getMin(numericResults);
       }
     case CHART_SUMMARY_TYPE.SUM:
       {
-        return _BaseUtils.getSum(numericResults, precision);
+        return _class.getSum(numericResults, precision);
       }
     case CHART_SUMMARY_TYPE.MEAN:
       {
-        return _BaseUtils.getMean(numericResults, precision);
+        return _class.getMean(numericResults, precision);
       }
     case CHART_SUMMARY_TYPE.Distinct_values:
       {
@@ -1235,7 +1235,7 @@ BaseUtils.getSum = function (list) {
 BaseUtils.getMean = function (list) {
   let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
   if (list.length === 0) return 0;
-  const sum = _BaseUtils.getSum(list);
+  const sum = _class.getSum(list);
   return Number.parseFloat((sum / list.length).toFixed(precision));
 };
 BaseUtils.summaryDurationResult = (result, duration, summaryType, summaryMethod, useDataDb, dbDateKey, valueKey) => {
@@ -1281,11 +1281,11 @@ BaseUtils.summaryDurationResult = (result, duration, summaryType, summaryMethod,
   // }
 
   if (summaryType === CHART_SUMMARY_TYPE.ADVANCED) {
-    comparedValue = _BaseUtils.getSummaryResult(comparedValue, summaryMethod);
-    compareValue = _BaseUtils.getSummaryResult(compareValue, summaryMethod);
+    comparedValue = _class.getSummaryResult(comparedValue, summaryMethod);
+    compareValue = _class.getSummaryResult(compareValue, summaryMethod);
   } else {
-    compareValue = _BaseUtils.getSummaryResult(compareValue, 'Sum');
-    comparedValue = _BaseUtils.getSummaryResult(comparedValue, 'Sum');
+    compareValue = _class.getSummaryResult(compareValue, 'Sum');
+    comparedValue = _class.getSummaryResult(comparedValue, 'Sum');
   }
   return {
     compareValue,

package/dist/utils/chart-utils/original-data-utils/index.js

@@ -1,4 +1,4 @@
-var _OriginalDataUtils;
+var _class;
 import { getTableById, getViewById } from 'dtable-utils';
 import PivotTableCalculator from './pivot-table-calculator';
 import BasicChartCalculator from './basic-chart-calculator';
@@ -34,7 +34,7 @@ const calculatorMap = {
   [CHART_TYPE.DASHBOARD]: DashboardCalculator
 };
 class OriginalDataUtils {}
-_OriginalDataUtils = OriginalDataUtils;
+_class = OriginalDataUtils;
 OriginalDataUtils.dataSources = 'original_data';
 OriginalDataUtils.isValidExistChart = (tables, chart) => {
   const isValid = BaseUtils.isValidExistChart(tables || [], chart);
@@ -49,7 +49,7 @@ OriginalDataUtils.isValidExistChart = (tables, chart) => {
   return true;
 };
 OriginalDataUtils.calculateChart = async (chart, value, callback) => {
-  if (!_OriginalDataUtils.isValidExistChart((value === null || value === void 0 ? void 0 : value.tables) || [], chart)) {
+  if (!_class.isValidExistChart((value === null || value === void 0 ? void 0 : value.tables) || [], chart)) {
     const tip_message = 'Please_complete_the_chart_configuration_first';
     return callback && callback('', tip_message, null);
   }
@@ -76,7 +76,7 @@ OriginalDataUtils.calculateChart = async (chart, value, callback) => {
     const chartTableColumns = table.columns;
     return callback && callback('', '', {
       result,
-      data_sources: _OriginalDataUtils.dataSources,
+      data_sources: _class.dataSources,
       groupbyColumn,
       columnGroupbyColumn,
       summaryColumn,

package/dist/utils/chart-utils/sql-statistics-utils.js

@@ -1,4 +1,4 @@
-var _SQLStatisticsUtils;
+var _class;
 import dayjs from 'dayjs';
 import { CellType, MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP, getFormulaDisplayString, getPrecisionNumber, getTableById, getTableColumnByKey } from 'dtable-utils';
 import { CHART_SUMMARY_TYPE, CHART_TYPE, SUPPORT_DATA_SORT_CHART_TYPES, LABEL_COLORS, TABLE_DIMENSIONS, Y_AXIS_TYPE_PREFIX } from '../../constants';
@@ -11,7 +11,7 @@ import { getCompareDate } from '../trend-utils';
 import intl from '../../intl';
 import BaseUtils from './base-utils';
 class SQLStatisticsUtils {}
-_SQLStatisticsUtils = SQLStatisticsUtils;
+_class = SQLStatisticsUtils;
 SQLStatisticsUtils.dataSources = 'sql_statistics';
 SQLStatisticsUtils.getGroupLabelFromDB = (cellValue, column, tables) => {
   const collaborators = context.getCollaboratorsFromCache();
@@ -230,7 +230,7 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
   const isCount = summary_type === CHART_SUMMARY_TYPE.COUNT;
   let newSqlRows = sqlRows;
   if (groupbyColumn.type === CellType.COLLABORATOR) {
-    newSqlRows = _SQLStatisticsUtils.formatedTableSqlRows(chart, sqlRows, chartSQLMap, columnMap, tables);
+    newSqlRows = _class.formatedTableSqlRows(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   if (isCount) {
     let allTotal = 0;
@@ -238,7 +238,7 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
       const total = row[sqlSummaryColumnKey] || 0;
       allTotal += total;
       pivot_rows.push({
-        name: _SQLStatisticsUtils.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, tables),
+        name: _class.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, tables),
         rows: [],
         total: {
           total
@@ -291,7 +291,7 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
       }
     });
     pivot_rows.push({
-      name: _SQLStatisticsUtils.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, tables),
+      name: _class.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, tables),
       rows: [row],
       total: rowTotal
     });
@@ -465,11 +465,11 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
     sqlColumnGroupbyColumnKey,
     sqlSummaryColumnKey
   } = chartSQLMap;
-  if (!sqlColumnGroupbyColumnKey) return _SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+  if (!sqlColumnGroupbyColumnKey) return _class.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   const summaryMethod = (summary_method || 'sum').toUpperCase();
   let newSqlRows = sqlRows;
   if (groupbyColumn.type === CellType.COLLABORATOR) {
-    newSqlRows = _SQLStatisticsUtils.formatedTableSqlRows(chart, sqlRows, chartSQLMap, columnMap, tables);
+    newSqlRows = _class.formatedTableSqlRows(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   let pivot_columns = [];
   let pivot_rows = [];
@@ -477,12 +477,12 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
   const isRowGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[columnGroupbyColumn.type];
   newSqlRows.forEach(row => {
     const groupbyColumnCellValue = row[sqlGroupbyColumnKey];
-    const groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
+    const groupbyColumnCellValueKey = _class.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
     const columnGroupbyColumnCellValue = row[sqlColumnGroupbyColumnKey];
-    const columnGroupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, tables);
+    const columnGroupbyColumnCellValueKey = _class.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, tables);
     const count = !row[sqlSummaryColumnKey] && row[sqlSummaryColumnKey] !== 0 ? null : row[sqlSummaryColumnKey];
     if (BaseUtils.isValidCellValue(columnGroupbyColumnCellValue, groupby_include_empty_cells)) {
-      _SQLStatisticsUtils.updateTwoDimensionColumns(pivot_columns, columnGroupbyColumnCellValueKey, {
+      _class.updateTwoDimensionColumns(pivot_columns, columnGroupbyColumnCellValueKey, {
         isIncludeEmpty: groupby_include_empty_cells,
         isCellValueAsAnArray: isRowGroupbyColumnDataAsAnArray
       });
@@ -491,14 +491,14 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
       if (MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn]) {
         if ((!Array.isArray(groupbyColumnCellValueKey) || groupbyColumnCellValueKey.length === 0) && groupby_include_empty_cells) {
           let pivotRowIndex = pivot_rows.findIndex(r => !r.name);
-          _SQLStatisticsUtils.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, null, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
+          _class.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, null, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
             summaryMethod,
             summaryColumn
           });
         } else {
           groupbyColumnCellValueKey.forEach(n => {
             let pivotRowIndex = pivot_rows.findIndex(r => n === r.name);
-            _SQLStatisticsUtils.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, n, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
+            _class.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, n, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
               summaryMethod,
               summaryColumn
             });
@@ -509,14 +509,14 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
           let resName = r.name;
           return resName === null && groupbyColumnCellValueKey === null || resName === undefined && groupbyColumnCellValueKey === undefined || resName === 0 && groupbyColumnCellValueKey === 0 || resName === groupbyColumnCellValueKey;
         });
-        _SQLStatisticsUtils.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, groupbyColumnCellValueKey, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
+        _class.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, groupbyColumnCellValueKey, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
           summaryMethod,
           summaryColumn
         });
       }
     }
   });
-  let pivot_table_total = _SQLStatisticsUtils.getAndUpdateTwoDimensionTotal(pivot_columns_total, pivot_columns, pivot_rows, {
+  let pivot_table_total = _class.getAndUpdateTwoDimensionTotal(pivot_columns_total, pivot_columns, pivot_rows, {
     summaryMethod,
     summaryColumn
   });
@@ -558,7 +558,7 @@ SQLStatisticsUtils.basicChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap
       formatted_value = getFormattedValue(cellValue, y_axis_summary_column_key, y_axis_summary_method);
     }
     if (BaseUtils.isValidCellValue(cellValue)) {
-      const key = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
+      const key = _class.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
       if (isGroupbyColumnDataAsAnArray) {
         if (!Array.isArray(key) || key.length === 0) {
           let itemIdx = result.findIndex(v => v.name === null);
@@ -672,7 +672,7 @@ SQLStatisticsUtils.customChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMa
   let result = [];
   sqlRows.forEach(row => {
     const cellValue = row[sqlGroupbyColumnKey];
-    const label = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
+    const label = _class.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
     const isEmpty = !label;
     const groupItems = [];
     summaryMethods.forEach((summaryMethod, index) => {
@@ -722,7 +722,7 @@ SQLStatisticsUtils.compareSQLResult2Javascript = (chart, sqlRows, chartSQLMap, c
   const isAdvanced = y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED;
   sqlRows.forEach(item => {
     const name = item[sqlGroupbyColumnKey];
-    const label = _SQLStatisticsUtils.getGroupLabelFromDB(name, groupbyColumn, tables);
+    const label = _class.getGroupLabelFromDB(name, groupbyColumn, tables);
     const value = item[sqlSummaryColumnKey];
     if (name >= x_axis_date_range_start && name <= x_axis_date_range_end) {
       const currentValue = dateRangeResult.get(label);
@@ -846,7 +846,7 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
     sqlRows.forEach(row => {
       const cellValue = row[sqlGroupbyColumnKey];
       const summaryValue = row[sqlSummaryColumnKey];
-      const key = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
+      const key = _class.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
       let valueLeft = row[sqlLeftSummaryColumnKey] || 0;
       let valueRight = row[sqlRightSummaryColumnKey] || 0;
       if (y_axis_left_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
@@ -933,7 +933,7 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
     });
     sqlRows.forEach((item, index) => {
       const cellValue = item[sqlGroupbyColumnKey];
-      const key = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
+      const key = _class.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
       let valueRight = item[sqlRightSummaryColumnKey] || 0;
       if (y_axis_right_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
         valueRight = BaseUtils.getPrecisionNumber(valueRight, rightSummaryColumn.data);
@@ -1006,15 +1006,15 @@ SQLStatisticsUtils.updateGroupingChartRow = (results, name, groupName, row, coun
 SQLStatisticsUtils.updateGroupingChartRows = (results, name, row, count, isColumnGroupbyColumnDataAsAnArray, groupName) => {
   if (isColumnGroupbyColumnDataAsAnArray) {
     if (!Array.isArray(groupName) || groupName.length === 0) {
-      _SQLStatisticsUtils.updateGroupingChartRow(results, name, null, row, count);
+      _class.updateGroupingChartRow(results, name, null, row, count);
       return;
     }
     groupName.forEach(v => {
-      _SQLStatisticsUtils.updateGroupingChartRow(results, name, v, row, count);
+      _class.updateGroupingChartRow(results, name, v, row, count);
     });
     return;
   }
-  _SQLStatisticsUtils.updateGroupingChartRow(results, name, groupName, row, count);
+  _class.updateGroupingChartRow(results, name, groupName, row, count);
 };
 SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
@@ -1034,21 +1034,21 @@ SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript = (chart, sqlRo
   const isColumnGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[columnGroupbyColumn.type];
   sqlRows.forEach(row => {
     const groupbyColumnCellValue = row[sqlGroupbyColumnKey];
-    const groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
+    const groupbyColumnCellValueKey = _class.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
     if (BaseUtils.isValidCellValue(groupbyColumnCellValueKey, includeEmpty)) {
       const columnGroupbyColumnCellValue = row[sqlColumnGroupbyColumnKey];
-      const columnGroupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, tables);
+      const columnGroupbyColumnCellValueKey = _class.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, tables);
       const count = row[sqlSummaryColumnKey];
       if (isGroupbyColumnDataAsAnArray) {
         if (!Array.isArray(groupbyColumnCellValueKey) || groupbyColumnCellValueKey.length === 0) {
-          _SQLStatisticsUtils.updateGroupingChartRows(result, null, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
+          _class.updateGroupingChartRows(result, null, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
         } else {
           groupbyColumnCellValueKey.forEach(n => {
-            _SQLStatisticsUtils.updateGroupingChartRows(result, n, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
+            _class.updateGroupingChartRows(result, n, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
           });
         }
       } else {
-        _SQLStatisticsUtils.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
+        _class.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
       }
     }
   });
@@ -1065,15 +1065,15 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
     x_axis_include_empty_cells: includeEmpty
   } = chart.config;
   if (!column_groupby_column_key && !column_groupby_multiple_numeric_column) {
-    return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   const {
     groupbyColumn,
     columnGroupbyColumn
   } = columnMap;
   if (y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) {
-    if (!columnGroupbyColumn) return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
-    return _SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    if (!columnGroupbyColumn) return _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return _class.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   const {
     sqlGroupbyColumnKey
@@ -1086,7 +1086,7 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
     const isGroupbyColumnDataAsAnArray = !!MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP[groupbyColumn.type];
     sqlRows.forEach(row => {
       const groupbyColumnCellValue = row[sqlGroupbyColumnKey];
-      const groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
+      const groupbyColumnCellValueKey = _class.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
       if (BaseUtils.isValidCellValue(groupbyColumnCellValueKey, includeEmpty)) {
         Object.keys(summaryColumns).forEach(sqlSummaryColumnName => {
           const {
@@ -1096,14 +1096,14 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
           const numberColumnCellValue = row[sqlSummaryColumnKey];
           if (isGroupbyColumnDataAsAnArray) {
             if (!Array.isArray(groupbyColumnCellValueKey) || groupbyColumnCellValueKey.length === 0) {
-              _SQLStatisticsUtils.updateGroupingChartRows(result, null, row, numberColumnCellValue, false, columnName);
+              _class.updateGroupingChartRows(result, null, row, numberColumnCellValue, false, columnName);
             } else {
               groupbyColumnCellValueKey.forEach(n => {
-                _SQLStatisticsUtils.updateGroupingChartRows(result, n, row, numberColumnCellValue, false, columnName);
+                _class.updateGroupingChartRows(result, n, row, numberColumnCellValue, false, columnName);
               });
             }
           } else {
-            _SQLStatisticsUtils.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, numberColumnCellValue, false, columnName);
+            _class.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, numberColumnCellValue, false, columnName);
           }
         });
       }
@@ -1113,9 +1113,9 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
     return result;
   }
   if (!columnGroupbyColumn) {
-    return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
-  return _SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+  return _class.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
 };
 SQLStatisticsUtils.heatMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
@@ -1187,12 +1187,12 @@ SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQ
   } = chartSQLMap;
   const isAdvanced = summary_type === CHART_SUMMARY_TYPE.ADVANCED;
   const newResult = [];
-  const groupData = _SQLStatisticsUtils.getGroupData(sqlRows, columnGroupbyColumn);
+  const groupData = _class.getGroupData(sqlRows, columnGroupbyColumn);
   if (groupData.length > 0) {
     const groupData0 = groupData[0] || {};
     const groupData1 = groupData[1] || {};
     sqlRows.forEach(item => {
-      const label = _SQLStatisticsUtils.getGroupLabelFromDB(item[column_key], groupbyColumn, tables);
+      const label = _class.getGroupLabelFromDB(item[column_key], groupbyColumn, tables);
       const groupValue = item[group_column_key];
       const equal2GroupData0 = groupData0.id === groupValue;
       const equal2GroupData1 = groupData1.id === groupValue;
@@ -1287,11 +1287,11 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
         } = chart.config;
         if (!column_groupby_column_key) {
           return {
-            result: _SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+            result: _class.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
           };
         }
         return {
-          result: _SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.twoDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.PIE:
@@ -1299,19 +1299,19 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.TREE_MAP:
       {
         return {
-          result: _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BASIC_NUMBER_CARD:
       {
         return {
-          result: _SQLStatisticsUtils.basicNumberCardSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.basicNumberCardSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.DASHBOARD:
       {
         return {
-          result: _SQLStatisticsUtils.dashboardSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.dashboardSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BAR:
@@ -1320,13 +1320,13 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.AREA:
       {
         return {
-          result: _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.COMPLETENESS:
     case CHART_TYPE.COMPLETENESS_GROUP:
       {
-        const result = _SQLStatisticsUtils.completenessSQlResult(chart, sqlRows, chartSQLMap, tables);
+        const result = _class.completenessSQlResult(chart, sqlRows, chartSQLMap, tables);
         return {
           result
         };
@@ -1334,13 +1334,13 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.COMBINATION:
       {
         return {
-          result: _SQLStatisticsUtils.combinationSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.combinationSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.COMPARE_BAR:
       {
         return {
-          result: _SQLStatisticsUtils.compareSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.compareSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BAR_GROUP:
@@ -1351,51 +1351,51 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.STACKED_HORIZONTAL_BAR:
       {
         return {
-          result: _SQLStatisticsUtils.groupingChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.groupingChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.SCATTER:
       {
         return {
-          result: _SQLStatisticsUtils.scatterSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.scatterSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BAR_CUSTOM:
       {
         return {
-          result: _SQLStatisticsUtils.customChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables, params)
+          result: _class.customChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables, params)
         };
       }
     case CHART_TYPE.MAP:
     case CHART_TYPE.MAP_BUBBLE:
       {
         return {
-          result: _SQLStatisticsUtils.mapSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.mapSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.WORLD_MAP:
     case CHART_TYPE.WORLD_MAP_BUBBLE:
       {
         return {
-          result: _SQLStatisticsUtils.worldMapSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.worldMapSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.HEAT_MAP:
       {
         return {
-          result: _SQLStatisticsUtils.heatMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.heatMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.MIRROR:
       {
         return {
-          result: _SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.mirrorMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.TREND:
       {
         return {
-          result: _SQLStatisticsUtils.trendMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _class.trendMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     default:
@@ -1436,7 +1436,7 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
   let summedSqlRows;
   if (!isGroup) {
     const sumSqlRows = sqlRows.reduce((acc, row) => {
-      const nameValue = _SQLStatisticsUtils._get_completeness_name(row, name_column);
+      const nameValue = _class._get_completeness_name(row, name_column);
       if (!acc[nameValue]) {
         acc[nameValue] = row;
       } else {
@@ -1451,7 +1451,7 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
     summedSqlRows = Object.values(sumSqlRows);
   } else {
     const sumSqlRowsWithGroupBy = sqlRows.reduce((acc, row) => {
-      const nameValue = _SQLStatisticsUtils._get_completeness_name(row, name_column);
+      const nameValue = _class._get_completeness_name(row, name_column);
       const groupby = row[sqlColumnGroupByColumnKey];
       const key = "".concat(nameValue, "_").concat(groupby);
       if (!acc[key]) {
@@ -1469,7 +1469,7 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
     summedSqlRows = Object.values(sumSqlRowsWithGroupBy);
   }
   summedSqlRows.forEach(row => {
-    const nameValue = _SQLStatisticsUtils._get_completeness_name(row, name_column);
+    const nameValue = _class._get_completeness_name(row, name_column);
     let targetValue;
     let completedValue;
     let groupby;
@@ -1478,8 +1478,8 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
       completedValue = row["SUM(".concat(completed_column.name, ")")];
       groupby = row[sqlColumnGroupByColumnKey] || intl.get('Empty');
     } else {
-      completedValue = _SQLStatisticsUtils._get_completeness_name(row, completed_column);
-      targetValue = _SQLStatisticsUtils._get_completeness_name(row, target_column);
+      completedValue = _class._get_completeness_name(row, completed_column);
+      targetValue = _class._get_completeness_name(row, target_column);
     }
     let completedRate;
     if (!targetValue && completedValue) {
@@ -1640,7 +1640,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
     const result = [];
     sqlRows.forEach((item, index) => {
       if (item.length !== 0) {
-        const chartResult = _SQLStatisticsUtils.sqlResult2JavaScript(newChart, item, chartSQLMap, columnMap, tables, {
+        const chartResult = _class.sqlResult2JavaScript(newChart, item, chartSQLMap, columnMap, tables, {
           index
         });
         result.push(...chartResult.result);
@@ -1652,7 +1652,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
     }
     callback && callback('', '', {
       result,
-      data_sources: _SQLStatisticsUtils.dataSources,
+      data_sources: _class.dataSources,
       groupbyColumn,
       columnGroupbyColumn,
       summaryColumn,
@@ -1666,7 +1666,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
     callback && callback('', tipMessage, null);
     return;
   }
-  const chartResult = _SQLStatisticsUtils.sqlResult2JavaScript(newChart, sqlRows, chartSQLMap, columnMap, tables);
+  const chartResult = _class.sqlResult2JavaScript(newChart, sqlRows, chartSQLMap, columnMap, tables);
 
   // map is special
   if (BaseUtils.imEmptyChartResult(chartResult) && !chartType.includes('map')) {
@@ -1675,7 +1675,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
   }
   callback && callback('', '', {
     ...chartResult,
-    data_sources: _SQLStatisticsUtils.dataSources,
+    data_sources: _class.dataSources,
     groupbyColumn,
     columnGroupbyColumn,
     summaryColumn,

package/dist/view/wrapper/completeness.js

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
 import React, { useEffect, useRef } from 'react';
-import { debounce, maxBy } from 'lodash-es';
+import { maxBy } from 'lodash-es';
 import { BaseUtils, isBoolean } from '../../utils';
 import intl from '../../intl';
 import { CHART_STYLE_COLORS, CHART_TYPE } from '../../constants';
@@ -15,12 +15,6 @@ export default function Completeness(props) {
       chartRef.current = chartComponent;
     }
     const currentChart = chartRef.current;
-    const handleReize = debounce(() => {
-      currentChart.chart.destroy();
-      createChart();
-      drawChart();
-    }, 300);
-    window.addEventListener('resize', handleReize);
     let chartPaddingTop;
     // avoid closure trap
     function createChart() {
@@ -156,7 +150,6 @@ export default function Completeness(props) {
     drawChart();
     return () => {
       currentChart.chart.destroy();
-      window.removeEventListener('resize', handleReize);
     };
   }, [props]);
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "0.0.33-beta",
+  "version": "0.0.34",
   "main": "./dist/index.js",
   "dependencies": {
     "@antv/data-set": "0.11.8",