sea-chart 0.0.32 → 0.0.33-beta

package/dist/settings/map-settings/map-data-settings.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { getTableById } from 'dtable-utils';
 import intl from '../../intl';
 import Divider from '../widgets/divider';
 import CommonDataSettings from '../widgets/common-data-settings';
@@ -28,8 +29,8 @@ const MapDataSettings = _ref => {
     map_location
   } = chart.config;
   const isCountryLevel = map_level === MAP_LEVEL.COUNTRY;
-  const selectedTable = tables.find(table => table._id === table_id);
-  const locationColumns = selectedTable.columns.filter(column => [CHART_TYPE.WORLD_MAP, CHART_TYPE.WORLD_MAP_BUBBLE].includes(type) ? isWorldMapColumn(column) : isMapColumn(column));
+  const selectedTable = getTableById(tables, table_id);
+  const locationColumns = (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.columns.filter(column => [CHART_TYPE.WORLD_MAP, CHART_TYPE.WORLD_MAP_BUBBLE].includes(type) ? isWorldMapColumn(column) : isMapColumn(column))) || [];
   function handleYAxisGroupSettingsChange(value) {
     const update = {};
     Object.keys(value).forEach(key => {

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

@@ -1,4 +1,4 @@
-var _class;
+var _BaseUtils;
 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 {
     };
   }
 }
-_class = BaseUtils;
+_BaseUtils = 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 = _class.isValidCombinationChart(config, table);
+    const isExist = _BaseUtils.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 = _class.getGroupColumn(table, chart);
+  const column = _BaseUtils.getGroupColumn(table, chart);
   return column.name;
 };
 BaseUtils.getChartGroups = charts => {
@@ -238,7 +238,7 @@ BaseUtils.getSummaryValueDisplayString = function (summaryColumn, summaryValue)
   const {
     data
   } = summaryColumn;
-  if (_class.isDateSummaryColumn(summaryColumn)) {
+  if (_BaseUtils.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 (_class.isDateSummaryColumn(summaryColumn)) {
+  if (_BaseUtils.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 !_class.isChartEqual(prevProps.chart, currentProps.chart) ||
+  return !_BaseUtils.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
-  _class._isChartDataChange(prevProps, currentProps) || _class.isChartStyleChanged(prevProps.chart, currentProps.chart);
+  _BaseUtils._isChartDataChange(prevProps, currentProps) || _BaseUtils.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 _class._isCombinationDataChange(newData, oldData);
+    return _BaseUtils._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 = _class.getColumn(tables, table_id, column_id);
+  const column = _BaseUtils.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 = _class.getPieColor(column, index, item);
+      const color = _BaseUtils.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 => {
-    _class.updateTableViewListItemNameAndColor(result, column, nameKey, colorKey);
+    _BaseUtils.updateTableViewListItemNameAndColor(result, column, nameKey, colorKey);
   });
 };
 // sort chart
@@ -749,10 +749,10 @@ BaseUtils.formatGroupsLabel = (results, chart, tables) => {
       group_name
     } = item;
     if (groupbyColumn) {
-      _class.convertResultName(item, groupbyColumn, name, 'name', 'color');
+      _BaseUtils.convertResultName(item, groupbyColumn, name, 'name', 'color');
     }
     if (columnGroupbyColumn) {
-      _class.convertResultName(item, columnGroupbyColumn, group_name, 'group_name', 'group_color');
+      _BaseUtils.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 _class.getMax(numericResults);
+        return _BaseUtils.getMax(numericResults);
       }
     case CHART_SUMMARY_TYPE.MIN:
       {
-        return _class.getMin(numericResults);
+        return _BaseUtils.getMin(numericResults);
       }
     case CHART_SUMMARY_TYPE.SUM:
       {
-        return _class.getSum(numericResults, precision);
+        return _BaseUtils.getSum(numericResults, precision);
       }
     case CHART_SUMMARY_TYPE.MEAN:
       {
-        return _class.getMean(numericResults, precision);
+        return _BaseUtils.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 = _class.getSum(list);
+  const sum = _BaseUtils.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 = _class.getSummaryResult(comparedValue, summaryMethod);
-    compareValue = _class.getSummaryResult(compareValue, summaryMethod);
+    comparedValue = _BaseUtils.getSummaryResult(comparedValue, summaryMethod);
+    compareValue = _BaseUtils.getSummaryResult(compareValue, summaryMethod);
   } else {
-    compareValue = _class.getSummaryResult(compareValue, 'Sum');
-    comparedValue = _class.getSummaryResult(comparedValue, 'Sum');
+    compareValue = _BaseUtils.getSummaryResult(compareValue, 'Sum');
+    comparedValue = _BaseUtils.getSummaryResult(comparedValue, 'Sum');
   }
   return {
     compareValue,

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

@@ -1,4 +1,4 @@
-var _class;
+var _OriginalDataUtils;
 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 {}
-_class = OriginalDataUtils;
+_OriginalDataUtils = 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 (!_class.isValidExistChart((value === null || value === void 0 ? void 0 : value.tables) || [], chart)) {
+  if (!_OriginalDataUtils.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: _class.dataSources,
+      data_sources: _OriginalDataUtils.dataSources,
       groupbyColumn,
       columnGroupbyColumn,
       summaryColumn,

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

@@ -1,4 +1,4 @@
-var _class;
+var _SQLStatisticsUtils;
 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';
@@ -10,18 +10,8 @@ import { formatNumericValue, getFormattedValue, getSummaryResult } from '../colu
 import { getCompareDate } from '../trend-utils';
 import intl from '../../intl';
 import BaseUtils from './base-utils';
-class SQLStatisticsUtils {
-  constructor() {
-    this._get_completeness_name = (row, column) => {
-      let value = row[column.key];
-      if (Array.isArray(value)) {
-        value = value.join('、');
-      }
-      return value;
-    };
-  }
-}
-_class = SQLStatisticsUtils;
+class SQLStatisticsUtils {}
+_SQLStatisticsUtils = SQLStatisticsUtils;
 SQLStatisticsUtils.dataSources = 'sql_statistics';
 SQLStatisticsUtils.getGroupLabelFromDB = (cellValue, column, tables) => {
   const collaborators = context.getCollaboratorsFromCache();
@@ -240,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 = _class.formatedTableSqlRows(chart, sqlRows, chartSQLMap, columnMap, tables);
+    newSqlRows = _SQLStatisticsUtils.formatedTableSqlRows(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   if (isCount) {
     let allTotal = 0;
@@ -248,7 +238,7 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
       const total = row[sqlSummaryColumnKey] || 0;
       allTotal += total;
       pivot_rows.push({
-        name: _class.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, tables),
+        name: _SQLStatisticsUtils.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, tables),
         rows: [],
         total: {
           total
@@ -301,7 +291,7 @@ SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
       }
     });
     pivot_rows.push({
-      name: _class.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, tables),
+      name: _SQLStatisticsUtils.getGroupLabelFromDB(row[sqlGroupbyColumnKey], groupbyColumn, tables),
       rows: [row],
       total: rowTotal
     });
@@ -475,11 +465,11 @@ SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript = (chart, sqlRows, char
     sqlColumnGroupbyColumnKey,
     sqlSummaryColumnKey
   } = chartSQLMap;
-  if (!sqlColumnGroupbyColumnKey) return _class.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+  if (!sqlColumnGroupbyColumnKey) return _SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   const summaryMethod = (summary_method || 'sum').toUpperCase();
   let newSqlRows = sqlRows;
   if (groupbyColumn.type === CellType.COLLABORATOR) {
-    newSqlRows = _class.formatedTableSqlRows(chart, sqlRows, chartSQLMap, columnMap, tables);
+    newSqlRows = _SQLStatisticsUtils.formatedTableSqlRows(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   let pivot_columns = [];
   let pivot_rows = [];
@@ -487,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 = _class.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
+    const groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
     const columnGroupbyColumnCellValue = row[sqlColumnGroupbyColumnKey];
-    const columnGroupbyColumnCellValueKey = _class.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, tables);
+    const columnGroupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, tables);
     const count = !row[sqlSummaryColumnKey] && row[sqlSummaryColumnKey] !== 0 ? null : row[sqlSummaryColumnKey];
     if (BaseUtils.isValidCellValue(columnGroupbyColumnCellValue, groupby_include_empty_cells)) {
-      _class.updateTwoDimensionColumns(pivot_columns, columnGroupbyColumnCellValueKey, {
+      _SQLStatisticsUtils.updateTwoDimensionColumns(pivot_columns, columnGroupbyColumnCellValueKey, {
         isIncludeEmpty: groupby_include_empty_cells,
         isCellValueAsAnArray: isRowGroupbyColumnDataAsAnArray
       });
@@ -501,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);
-          _class.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, null, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
+          _SQLStatisticsUtils.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);
-            _class.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, n, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
+            _SQLStatisticsUtils.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, n, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
               summaryMethod,
               summaryColumn
             });
@@ -519,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;
         });
-        _class.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, groupbyColumnCellValueKey, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
+        _SQLStatisticsUtils.updateTwoDimensionRows(pivot_rows, pivot_columns, pivotRowIndex, groupbyColumnCellValueKey, count, row, isRowGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey, {
           summaryMethod,
           summaryColumn
         });
       }
     }
   });
-  let pivot_table_total = _class.getAndUpdateTwoDimensionTotal(pivot_columns_total, pivot_columns, pivot_rows, {
+  let pivot_table_total = _SQLStatisticsUtils.getAndUpdateTwoDimensionTotal(pivot_columns_total, pivot_columns, pivot_rows, {
     summaryMethod,
     summaryColumn
   });
@@ -568,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 = _class.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
+      const key = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
       if (isGroupbyColumnDataAsAnArray) {
         if (!Array.isArray(key) || key.length === 0) {
           let itemIdx = result.findIndex(v => v.name === null);
@@ -682,7 +672,7 @@ SQLStatisticsUtils.customChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMa
   let result = [];
   sqlRows.forEach(row => {
     const cellValue = row[sqlGroupbyColumnKey];
-    const label = _class.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
+    const label = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
     const isEmpty = !label;
     const groupItems = [];
     summaryMethods.forEach((summaryMethod, index) => {
@@ -732,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 = _class.getGroupLabelFromDB(name, groupbyColumn, tables);
+    const label = _SQLStatisticsUtils.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);
@@ -856,7 +846,7 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
     sqlRows.forEach(row => {
       const cellValue = row[sqlGroupbyColumnKey];
       const summaryValue = row[sqlSummaryColumnKey];
-      const key = _class.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
+      const key = _SQLStatisticsUtils.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
       let valueLeft = row[sqlLeftSummaryColumnKey] || 0;
       let valueRight = row[sqlRightSummaryColumnKey] || 0;
       if (y_axis_left_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
@@ -943,7 +933,7 @@ SQLStatisticsUtils.combinationSQLResult2Javascript = (chart, sqlRows, chartSQLMa
     });
     sqlRows.forEach((item, index) => {
       const cellValue = item[sqlGroupbyColumnKey];
-      const key = _class.getGroupLabelFromDB(cellValue, groupbyColumn, tables);
+      const key = _SQLStatisticsUtils.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);
@@ -1016,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) {
-      _class.updateGroupingChartRow(results, name, null, row, count);
+      _SQLStatisticsUtils.updateGroupingChartRow(results, name, null, row, count);
       return;
     }
     groupName.forEach(v => {
-      _class.updateGroupingChartRow(results, name, v, row, count);
+      _SQLStatisticsUtils.updateGroupingChartRow(results, name, v, row, count);
     });
     return;
   }
-  _class.updateGroupingChartRow(results, name, groupName, row, count);
+  _SQLStatisticsUtils.updateGroupingChartRow(results, name, groupName, row, count);
 };
 SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
@@ -1044,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 = _class.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
+    const groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
     if (BaseUtils.isValidCellValue(groupbyColumnCellValueKey, includeEmpty)) {
       const columnGroupbyColumnCellValue = row[sqlColumnGroupbyColumnKey];
-      const columnGroupbyColumnCellValueKey = _class.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, tables);
+      const columnGroupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(columnGroupbyColumnCellValue, columnGroupbyColumn, tables);
       const count = row[sqlSummaryColumnKey];
       if (isGroupbyColumnDataAsAnArray) {
         if (!Array.isArray(groupbyColumnCellValueKey) || groupbyColumnCellValueKey.length === 0) {
-          _class.updateGroupingChartRows(result, null, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
+          _SQLStatisticsUtils.updateGroupingChartRows(result, null, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
         } else {
           groupbyColumnCellValueKey.forEach(n => {
-            _class.updateGroupingChartRows(result, n, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
+            _SQLStatisticsUtils.updateGroupingChartRows(result, n, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
           });
         }
       } else {
-        _class.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
+        _SQLStatisticsUtils.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, count, isColumnGroupbyColumnDataAsAnArray, columnGroupbyColumnCellValueKey);
       }
     }
   });
@@ -1075,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 _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   const {
     groupbyColumn,
     columnGroupbyColumn
   } = columnMap;
   if (y_axis_summary_type === CHART_SUMMARY_TYPE.COUNT) {
-    if (!columnGroupbyColumn) return _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
-    return _class.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    if (!columnGroupbyColumn) return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return _SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
   const {
     sqlGroupbyColumnKey
@@ -1096,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 = _class.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
+      const groupbyColumnCellValueKey = _SQLStatisticsUtils.getGroupLabelFromDB(groupbyColumnCellValue, groupbyColumn, tables);
       if (BaseUtils.isValidCellValue(groupbyColumnCellValueKey, includeEmpty)) {
         Object.keys(summaryColumns).forEach(sqlSummaryColumnName => {
           const {
@@ -1106,14 +1096,14 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
           const numberColumnCellValue = row[sqlSummaryColumnKey];
           if (isGroupbyColumnDataAsAnArray) {
             if (!Array.isArray(groupbyColumnCellValueKey) || groupbyColumnCellValueKey.length === 0) {
-              _class.updateGroupingChartRows(result, null, row, numberColumnCellValue, false, columnName);
+              _SQLStatisticsUtils.updateGroupingChartRows(result, null, row, numberColumnCellValue, false, columnName);
             } else {
               groupbyColumnCellValueKey.forEach(n => {
-                _class.updateGroupingChartRows(result, n, row, numberColumnCellValue, false, columnName);
+                _SQLStatisticsUtils.updateGroupingChartRows(result, n, row, numberColumnCellValue, false, columnName);
               });
             }
           } else {
-            _class.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, numberColumnCellValue, false, columnName);
+            _SQLStatisticsUtils.updateGroupingChartRows(result, groupbyColumnCellValueKey, row, numberColumnCellValue, false, columnName);
           }
         });
       }
@@ -1123,9 +1113,9 @@ SQLStatisticsUtils.groupingChartSQLResult2JavaScript = (chart, sqlRows, chartSQL
     return result;
   }
   if (!columnGroupbyColumn) {
-    return _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+    return _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
   }
-  return _class.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
+  return _SQLStatisticsUtils.groupingTwoDimensionChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables);
 };
 SQLStatisticsUtils.heatMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMap, tables) => {
   const {
@@ -1197,12 +1187,12 @@ SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript = (chart, sqlRows, chartSQ
   } = chartSQLMap;
   const isAdvanced = summary_type === CHART_SUMMARY_TYPE.ADVANCED;
   const newResult = [];
-  const groupData = _class.getGroupData(sqlRows, columnGroupbyColumn);
+  const groupData = _SQLStatisticsUtils.getGroupData(sqlRows, columnGroupbyColumn);
   if (groupData.length > 0) {
     const groupData0 = groupData[0] || {};
     const groupData1 = groupData[1] || {};
     sqlRows.forEach(item => {
-      const label = _class.getGroupLabelFromDB(item[column_key], groupbyColumn, tables);
+      const label = _SQLStatisticsUtils.getGroupLabelFromDB(item[column_key], groupbyColumn, tables);
       const groupValue = item[group_column_key];
       const equal2GroupData0 = groupData0.id === groupValue;
       const equal2GroupData1 = groupData1.id === groupValue;
@@ -1297,11 +1287,11 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
         } = chart.config;
         if (!column_groupby_column_key) {
           return {
-            result: _class.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+            result: _SQLStatisticsUtils.oneDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
           };
         }
         return {
-          result: _class.twoDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.twoDimensionTableSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.PIE:
@@ -1309,19 +1299,19 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.TREE_MAP:
       {
         return {
-          result: _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BASIC_NUMBER_CARD:
       {
         return {
-          result: _class.basicNumberCardSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.basicNumberCardSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.DASHBOARD:
       {
         return {
-          result: _class.dashboardSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.dashboardSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BAR:
@@ -1330,13 +1320,13 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.AREA:
       {
         return {
-          result: _class.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.basicChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.COMPLETENESS:
     case CHART_TYPE.COMPLETENESS_GROUP:
       {
-        const result = _class.completenessSQlResult(chart, sqlRows, chartSQLMap, tables);
+        const result = _SQLStatisticsUtils.completenessSQlResult(chart, sqlRows, chartSQLMap, tables);
         return {
           result
         };
@@ -1344,13 +1334,13 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.COMBINATION:
       {
         return {
-          result: _class.combinationSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.combinationSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.COMPARE_BAR:
       {
         return {
-          result: _class.compareSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.compareSQLResult2Javascript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BAR_GROUP:
@@ -1361,51 +1351,51 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
     case CHART_TYPE.STACKED_HORIZONTAL_BAR:
       {
         return {
-          result: _class.groupingChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.groupingChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.SCATTER:
       {
         return {
-          result: _class.scatterSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.scatterSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.BAR_CUSTOM:
       {
         return {
-          result: _class.customChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables, params)
+          result: _SQLStatisticsUtils.customChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables, params)
         };
       }
     case CHART_TYPE.MAP:
     case CHART_TYPE.MAP_BUBBLE:
       {
         return {
-          result: _class.mapSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.mapSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.WORLD_MAP:
     case CHART_TYPE.WORLD_MAP_BUBBLE:
       {
         return {
-          result: _class.worldMapSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.worldMapSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.HEAT_MAP:
       {
         return {
-          result: _class.heatMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.heatMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.MIRROR:
       {
         return {
-          result: _class.mirrorMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.mirrorMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     case CHART_TYPE.TREND:
       {
         return {
-          result: _class.trendMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
+          result: _SQLStatisticsUtils.trendMapChartSQLResult2JavaScript(chart, sqlRows, chartSQLMap, columnMap, tables)
         };
       }
     default:
@@ -1414,6 +1404,13 @@ SQLStatisticsUtils.sqlResult2JavaScript = (chart, sqlRows, chartSQLMap, columnMa
       }
   }
 };
+SQLStatisticsUtils._get_completeness_name = (row, column) => {
+  let value = row[column.key];
+  if (Array.isArray(value)) {
+    value = value.join('、');
+  }
+  return value;
+};
 SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables) => {
   const {
     config: {
@@ -1439,7 +1436,7 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
   let summedSqlRows;
   if (!isGroup) {
     const sumSqlRows = sqlRows.reduce((acc, row) => {
-      const nameValue = _class._get_completeness_name(row, name_column);
+      const nameValue = _SQLStatisticsUtils._get_completeness_name(row, name_column);
       if (!acc[nameValue]) {
         acc[nameValue] = row;
       } else {
@@ -1454,7 +1451,7 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
     summedSqlRows = Object.values(sumSqlRows);
   } else {
     const sumSqlRowsWithGroupBy = sqlRows.reduce((acc, row) => {
-      const nameValue = _class._get_completeness_name(row, name_column);
+      const nameValue = _SQLStatisticsUtils._get_completeness_name(row, name_column);
       const groupby = row[sqlColumnGroupByColumnKey];
       const key = "".concat(nameValue, "_").concat(groupby);
       if (!acc[key]) {
@@ -1472,7 +1469,7 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
     summedSqlRows = Object.values(sumSqlRowsWithGroupBy);
   }
   summedSqlRows.forEach(row => {
-    const nameValue = _class._get_completeness_name(row, name_column);
+    const nameValue = _SQLStatisticsUtils._get_completeness_name(row, name_column);
     let targetValue;
     let completedValue;
     let groupby;
@@ -1481,8 +1478,8 @@ SQLStatisticsUtils.completenessSQlResult = (chart, sqlRows, chartSQLMap, tables)
       completedValue = row["SUM(".concat(completed_column.name, ")")];
       groupby = row[sqlColumnGroupByColumnKey] || intl.get('Empty');
     } else {
-      completedValue = _class._get_completeness_name(row, completed_column);
-      targetValue = _class._get_completeness_name(row, target_column);
+      completedValue = _SQLStatisticsUtils._get_completeness_name(row, completed_column);
+      targetValue = _SQLStatisticsUtils._get_completeness_name(row, target_column);
     }
     let completedRate;
     if (!targetValue && completedValue) {
@@ -1643,7 +1640,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
     const result = [];
     sqlRows.forEach((item, index) => {
       if (item.length !== 0) {
-        const chartResult = _class.sqlResult2JavaScript(newChart, item, chartSQLMap, columnMap, tables, {
+        const chartResult = _SQLStatisticsUtils.sqlResult2JavaScript(newChart, item, chartSQLMap, columnMap, tables, {
           index
         });
         result.push(...chartResult.result);
@@ -1655,7 +1652,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
     }
     callback && callback('', '', {
       result,
-      data_sources: _class.dataSources,
+      data_sources: _SQLStatisticsUtils.dataSources,
       groupbyColumn,
       columnGroupbyColumn,
       summaryColumn,
@@ -1669,7 +1666,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
     callback && callback('', tipMessage, null);
     return;
   }
-  const chartResult = _class.sqlResult2JavaScript(newChart, sqlRows, chartSQLMap, columnMap, tables);
+  const chartResult = _SQLStatisticsUtils.sqlResult2JavaScript(newChart, sqlRows, chartSQLMap, columnMap, tables);
 
   // map is special
   if (BaseUtils.imEmptyChartResult(chartResult) && !chartType.includes('map')) {
@@ -1678,7 +1675,7 @@ SQLStatisticsUtils.calculateChart = (chart, value, callback, sqlRows) => {
   }
   callback && callback('', '', {
     ...chartResult,
-    data_sources: _class.dataSources,
+    data_sources: _SQLStatisticsUtils.dataSources,
     groupbyColumn,
     columnGroupbyColumn,
     summaryColumn,

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

@@ -314,23 +314,22 @@ class ChartDataSQL {
         x_axis_date_granularity,
         x_axis_geolocation_granularity,
         y_axis_summary_type,
-        y_axis_column_key,
-        y_axis_summary_method,
-        x_axis_include_empty_cells
+        y_axis_summary_column_key,
+        y_axis_summary_method
       } = this.chart;
       const groupby_column = this._get_column_by_key(x_axis_column_key);
       if (!groupby_column) {
         this.error = 'Group_by_column_not_found';
         return '';
       }
-      this._update_filter_sql(x_axis_include_empty_cells, groupby_column);
+      this._update_filter_sql(true, groupby_column);
       const groupby_column_name = this._chart_column_name_to_sql(groupby_column, {
         'date_granularity': x_axis_date_granularity,
         'geolocation_granularity': x_axis_geolocation_granularity
       });
       let summary_column_name = this._summary_column_2_sql('COUNT', groupby_column);
       if (y_axis_summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
-        const summary_column = this._get_column_by_key(y_axis_column_key);
+        const summary_column = this._get_column_by_key(y_axis_summary_column_key);
         if (!summary_column) {
           this.error = 'Summary_column_not_found';
           return '';

package/dist/view/wrapper/bar-group.js

@@ -72,7 +72,6 @@ class BarGroup extends ChartComponent {
         y_axis_summary_method,
         y_axis_show_value,
         label_font_size,
-        y_axis_use_stack,
         display_each_block_data,
         y_axis_summary_type
       } = chart.config;

package/dist/view/wrapper/heat-map.js

@@ -5,11 +5,11 @@ import dayjs from 'dayjs';
 import weekOfYear from 'dayjs/plugin/weekOfYear';
 import { getTableById, getTableColumnByKey, getNumberDisplayString } from 'dtable-utils';
 import { registerShape, getRectWithCornerRadius } from '../../utils/custom-g2';
-import ChartComponent from './chart-component';
 import intl from '../../intl';
 import { BaseUtils } from '../../utils';
 import { CHART_SUMMARY_TYPE, TITLE_AMOUNT, DEFAULT_GRID_SIZE, DEFAULT_GRID_DISTANCE, DEFAULT_NUMBER_FORMAT_OBJECT, MONTH_MIRROR } from '../../constants';
 import { FILL_BORDER_COLOR_MAP, COLOR_OPTIONS } from '../../constants/style';
+import ChartComponent from './chart-component';
 dayjs.extend(weekOfYear);
 class HeatMap extends ChartComponent {
   constructor(props) {

package/dist/view/wrapper/horizontal-component.js

@@ -1,7 +1,7 @@
 import { getTableById, getTableColumnByKey } from 'dtable-utils';
-import ChartComponent from './chart-component';
 import { CHART_SUMMARY_TYPE, LABEL_POSITION_TYPE } from '../../constants';
 import intl from '../../intl';
+import ChartComponent from './chart-component';
 export default class HorizontalComponent extends ChartComponent {
   constructor() {
     super(...arguments);

package/dist/view/wrapper/line.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { getTableById, getTableColumnByKey } from 'dtable-utils';
 import { BaseUtils, isFunction } from '../../utils';
 import intl from '../../intl';
 import { CHART_LINE_TYPES, CHART_SUMMARY_SHOW, CHART_SUMMARY_TYPE } from '../../constants';
@@ -55,7 +54,6 @@ class Line extends ChartComponent {
         y_axis_show_value,
         label_font_size,
         line_type,
-        y_axis_column_key,
         y_axis_summary_type,
         y_axis_summary_method
       } = chart.config;

package/dist/view/wrapper/scatter.js

@@ -88,7 +88,7 @@ export function Scatter(props) {
           lineWidth: 1
         }
       }).color('groupby', groupby => {
-        if (groupby[0] === 'groupby') {
+        if (groupby && groupby[0] === 'groupby') {
           return CHART_STYLE_COLORS[0];
         }
         return colorMap[groupby];

package/dist/view/wrapper/treemap.js

@@ -6,8 +6,8 @@ import { getEllipsisText } from '@antv/g2/esm/util/text';
 import { CHART_SUMMARY_TYPE, EMPTY_NAME } from '../../constants';
 import { BaseUtils, isFunction } from '../../utils';
 import { registerGeometryLabelLayout } from '../../utils/custom-g2';
-import ChartComponent from './chart-component';
 import intl from '../../intl';
+import ChartComponent from './chart-component';
 class Treemap extends ChartComponent {
   constructor(props) {
     super(props);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "0.0.32",
+  "version": "0.0.33-beta",
   "main": "./dist/index.js",
   "dependencies": {
     "@antv/data-set": "0.11.8",
@@ -22,7 +22,7 @@
   "peerDependencies": {
     "@antv/scale": "0.3.14",
     "babel-plugin-on-demand-loading": "^0.0.9",
-    "dtable-ui-component": "~4.4.31",
+    "dtable-ui-component": "~4.4.33",
     "dtable-utils": "~4.4.*",
     "prop-types": "15.8.1",
     "react": "^17.0.0",