sea-chart 1.1.22-alpha.3 → 1.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/components/types-dialog/index.js +2 -5
  2. package/dist/constants/index.js +1 -1
  3. package/dist/constants/type-image.js +1 -2
  4. package/dist/constants/type.js +3 -5
  5. package/dist/context.js +1 -1
  6. package/dist/locale/lang/de.js +2 -17
  7. package/dist/locale/lang/en.js +1 -16
  8. package/dist/locale/lang/es.js +1 -16
  9. package/dist/locale/lang/fr.js +2 -17
  10. package/dist/locale/lang/pt.js +1 -16
  11. package/dist/locale/lang/ru.js +1 -16
  12. package/dist/locale/lang/zh_CN.js +1 -16
  13. package/dist/model/index.js +1 -3
  14. package/dist/settings/data-settings.js +0 -5
  15. package/dist/settings/widgets/chart-type/index.js +1 -3
  16. package/dist/settings/widgets/common-data-settings.js +0 -1
  17. package/dist/settings/widgets/data-filter/index.css +1 -1
  18. package/dist/utils/chart-utils/base-utils.js +1 -7
  19. package/dist/utils/chart-utils/index.js +3 -2
  20. package/dist/utils/chart-utils/original-data-utils/index.js +2 -2
  21. package/dist/utils/chart-utils/sql-statistics-utils.js +4 -10
  22. package/dist/utils/chart.js +1 -9
  23. package/dist/utils/row-utils.js +1 -10
  24. package/dist/utils/sql/chart-data-sql.js +0 -4
  25. package/dist/utils/sql/column-2-sql-column.js +0 -4
  26. package/dist/view/index.css +1 -5
  27. package/dist/view/index.js +16 -35
  28. package/dist/view/wrapper/bar-group.js +1 -1
  29. package/dist/view/wrapper/index.js +0 -7
  30. package/package.json +1 -1
  31. package/dist/components/data-process-setter/data-setting-header.js +0 -11
  32. package/dist/components/data-process-setter/hide-column-setter.js +0 -79
  33. package/dist/components/data-process-setter/index.js +0 -4
  34. package/dist/components/data-process-setter/sort-setter.js +0 -75
  35. package/dist/components/popover/hide-column-popover/hide-column-popover-widgets/hide-column-item.js +0 -60
  36. package/dist/components/popover/hide-column-popover/hide-column-popover.css +0 -38
  37. package/dist/components/popover/hide-column-popover/hide-column-popover.js +0 -208
  38. package/dist/components/popover/sort-popover/sort-popover-widgets/sort-utils.js +0 -71
  39. package/dist/components/popover/sort-popover/sort-popover.css +0 -83
  40. package/dist/components/popover/sort-popover/sort-popover.js +0 -290
  41. package/dist/model/table-element.js +0 -22
  42. package/dist/settings/table-element-settings/components/data-filter.css +0 -17
  43. package/dist/settings/table-element-settings/components/data-filter.js +0 -89
  44. package/dist/settings/table-element-settings/data-settings.js +0 -100
  45. package/dist/settings/table-element-settings/index.css +0 -190
  46. package/dist/settings/table-element-settings/index.js +0 -2
  47. package/dist/utils/hotkey.js +0 -5
  48. package/dist/view/wrapper/table-element/components/dataset-utils.js +0 -123
  49. package/dist/view/wrapper/table-element/components/formatter.js +0 -309
  50. package/dist/view/wrapper/table-element/components/formula-formatter.js +0 -36
  51. package/dist/view/wrapper/table-element/components/link-formatter.js +0 -269
  52. package/dist/view/wrapper/table-element/components/record.js +0 -67
  53. package/dist/view/wrapper/table-element/components/records-body.js +0 -117
  54. package/dist/view/wrapper/table-element/components/records-header/index.js +0 -41
  55. package/dist/view/wrapper/table-element/components/records-header/records-header-cell.js +0 -51
  56. package/dist/view/wrapper/table-element/components/records.js +0 -117
  57. package/dist/view/wrapper/table-element/components/resize-column-handle/index.css +0 -11
  58. package/dist/view/wrapper/table-element/components/resize-column-handle/resize-column-handle.js +0 -48
  59. package/dist/view/wrapper/table-element/components/value-display-utils.js +0 -13
  60. package/dist/view/wrapper/table-element/components/vertical-scrollbar/index.css +0 -12
  61. package/dist/view/wrapper/table-element/components/vertical-scrollbar/index.js +0 -36
  62. package/dist/view/wrapper/table-element/css/index.css +0 -239
  63. package/dist/view/wrapper/table-element/index.js +0 -101
@@ -1,7 +1,7 @@
1
1
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
2
2
  import { Modal, ModalHeader, ModalBody, ModalFooter, UncontrolledTooltip, Button } from 'reactstrap';
3
3
  import classnames from 'classnames';
4
- import { CHART_TYPE, CHART_TYPES, CHART_TYPE_SHOW, ZH_CN_SUPPORT_CHARTS } from '../../constants';
4
+ import { CHART_TYPES, CHART_TYPE_SHOW, ZH_CN_SUPPORT_CHARTS } from '../../constants';
5
5
  import { eventStopPropagation } from '../../utils';
6
6
  import context from '../../context';
7
7
  import intl from '../../intl';
@@ -13,8 +13,7 @@ const TypesDialog = _ref => {
13
13
  type,
14
14
  lang,
15
15
  onToggle: propsOnToggle,
16
- onChange,
17
- dataSources
16
+ onChange
18
17
  } = _ref;
19
18
  const [currentCatIndex, setCurrentCatIndex] = useState(0);
20
19
  const [selectedType, setType] = useState(type);
@@ -103,8 +102,6 @@ const TypesDialog = _ref => {
103
102
  className: "d-flex flex-wrap"
104
103
  }, item.children.map(chartType => {
105
104
  if (notSupportStatisticTypes.includes(chartType)) return null;
106
- // Table_element only supported on external apps
107
- if (chartType === CHART_TYPE.TABLE_ELEMENT && dataSources === 'view') return null;
108
105
  return /*#__PURE__*/React.createElement("div", {
109
106
  key: chartType,
110
107
  onClick: event => onTypeChange(event, chartType, index),
@@ -1,4 +1,4 @@
1
- import { CellType, DEFAULT_NUMBER_FORMAT, FORMULA_RESULT_TYPE } from 'dtable-utils';
1
+ import { CellType, DEFAULT_NUMBER_FORMAT } from 'dtable-utils';
2
2
  import { GEOLOCATION_FORMAT_CITY, GEOLOCATION_FORMAT_MAP, GEOLOCATION_GRANULARITY, GEOLOCATION_GRANULARITY_LIST, MAP_LEVEL, MUNICIPALITIES } from './geolocation';
3
3
  import { CHART_KEY, GENERIC_KEY, GENERIC_KEY_2_SIMILAR_KEYS } from './model';
4
4
  import { STYLE_COLORS, HORIZONTAL_ALIGN, HORIZONTAL_ALIGNS, HORIZONTAL_ALIGN_SHOW } from './style';
@@ -29,6 +29,5 @@ export const CHART_TYPE_IMAGE = {
29
29
  [CHART_TYPE.DASHBOARD]: 'dashboard-chart.png',
30
30
  [CHART_TYPE.TREE_MAP]: 'treemap.png',
31
31
  [CHART_TYPE.TABLE]: 'pivot-table.png',
32
- [CHART_TYPE.FUNNEL]: 'funnel.png',
33
- [CHART_TYPE.TABLE_ELEMENT]: 'table-element.png'
32
+ [CHART_TYPE.FUNNEL]: 'funnel.png'
34
33
  };
@@ -28,8 +28,7 @@ export const CHART_TYPE = {
28
28
  DASHBOARD: 'dashboard',
29
29
  TREE_MAP: 'tree_map',
30
30
  TABLE: 'table',
31
- FUNNEL: 'funnel',
32
- TABLE_ELEMENT: 'table_element'
31
+ FUNNEL: 'funnel'
33
32
  };
34
33
  export const CHART_TYPE_SHOW = {
35
34
  [CHART_TYPE.BAR]: 'Basic_histogram',
@@ -61,8 +60,7 @@ export const CHART_TYPE_SHOW = {
61
60
  [CHART_TYPE.DASHBOARD]: 'Gauge',
62
61
  [CHART_TYPE.TREE_MAP]: 'Tree_map',
63
62
  [CHART_TYPE.TABLE]: 'Pivot_table',
64
- [CHART_TYPE.FUNNEL]: 'Funnel',
65
- [CHART_TYPE.TABLE_ELEMENT]: 'Table_element'
63
+ [CHART_TYPE.FUNNEL]: 'Funnel'
66
64
  };
67
65
  export const CHART_TYPES = [{
68
66
  name: 'Histogram',
@@ -119,7 +117,7 @@ export const CHART_TYPES = [{
119
117
  }, {
120
118
  name: 'Table',
121
119
  icon: 'dtable-logo',
122
- children: [CHART_TYPE.TABLE, CHART_TYPE.TABLE_ELEMENT]
120
+ children: [CHART_TYPE.TABLE]
123
121
  }, {
124
122
  name: 'Funnel',
125
123
  icon: 'funnel',
package/dist/context.js CHANGED
@@ -12,7 +12,6 @@ class Context {
12
12
  onFail
13
13
  } = _ref;
14
14
  // use custom api to get chart result data
15
- // currently used in statistics plugin and big screen plugin
16
15
  if (this.api.queryChartResult) {
17
16
  return this.api.queryChartResult({
18
17
  chart,
@@ -22,6 +21,7 @@ class Context {
22
21
  }
23
22
  const table = getTableById(tables, chart.config.table_id);
24
23
  const currentView = table.views.find(view => view._id === chart.config.view_id);
24
+ // use default view
25
25
  const defaultView = table.views.find(view => view._id === '0000');
26
26
  const chartDataSQL = new ChartDataSQL({
27
27
  table,
@@ -252,7 +252,7 @@ const de = {
252
252
  "Use_default_color": "Standardfarbe verwenden",
253
253
  "Use_colors_in_single_select_solumn": "Verwenden Sie Farben in einer einzelnen Auswahlspalte",
254
254
  "Search_records": "Einträge suchen",
255
- "Please_select_a_grouping_column": "Bitte Gruppierungsspalte auswählen",
255
+ "Please_select_a_grouping_column": "Please select grouping column",
256
256
  "View": "Sicht",
257
257
  "Funnel": "Trichterdiagramm",
258
258
  "All_charts": "Alle Diagramme",
@@ -264,21 +264,6 @@ const de = {
264
264
  "Outside": "Draußen",
265
265
  "Show_overall_rate": "Gesamtpreisbeschriftung anzeigen",
266
266
  "Percentage": "Prozentsatz",
267
- "Number_and_percentage": "Anzahl und Prozentsatz",
268
- "Table_element": "Tableau",
269
- "Sort": "Trier",
270
- "1_Sort": "1 Sorte",
271
- "Sorts": "sortiert",
272
- "hide_columns": "Spalten ausblenden",
273
- "Hidden_columns": "Versteckte Spalten",
274
- "1_hidden_column": "1 ausgeblendete Spalte",
275
- "No_sorts": "Keine Sorten",
276
- "Add_sort": "Sortierung hinzufügen",
277
- "Search_column": "Suchspalte",
278
- "up": "Hoch",
279
- "down": "Runter",
280
- "Equal": "Gleich",
281
- "Hide_all": "Alles ausblenden",
282
- "Show_all": "Alle anzeigen"
267
+ "Number_and_percentage": "Anzahl und Prozentsatz"
283
268
  };
284
269
  export default de;
@@ -264,21 +264,6 @@ const en = {
264
264
  "Outside": "Outside",
265
265
  "Show_overall_rate": "Show overall rate",
266
266
  "Percentage": "Percentage",
267
- "Number_and_percentage": "Number and percentage",
268
- "Table_element": "Table",
269
- "Sort": "Sort",
270
- "1_Sort": "1 sort",
271
- "Sorts": "sorts",
272
- "hide_columns": "Hide columns",
273
- "Hidden_columns": "Hidden columns",
274
- "1_hidden_column": "1 Hidden column",
275
- "No_sorts": "No sorts",
276
- "Add_sort": "Add sort",
277
- "Search_column": "Search column",
278
- "up": "Up",
279
- "down": "Down",
280
- "Equal": "Equal",
281
- "Hide_all": "Hide all",
282
- "Show_all": "Show all"
267
+ "Number_and_percentage": "Number and percentage"
283
268
  };
284
269
  export default en;
@@ -264,21 +264,6 @@ const es = {
264
264
  "Outside": "Outside",
265
265
  "Show_overall_rate": "Show overall rate",
266
266
  "Percentage": "Percentage",
267
- "Number_and_percentage": "Number and percentage",
268
- "Table_element": "Table",
269
- "Sort": "Sort",
270
- "1_Sort": "1 sort",
271
- "Sorts": "sorts",
272
- "hide_columns": "Hide columns",
273
- "Hidden_columns": "Hidden columns",
274
- "1_hidden_column": "1 Hidden column",
275
- "No_sorts": "No sorts",
276
- "Add_sort": "Add sort",
277
- "Search_column": "Search column",
278
- "up": "Up",
279
- "down": "Down",
280
- "Equal": "Equal",
281
- "Hide_all": "Hide all",
282
- "Show_all": "Show all"
267
+ "Number_and_percentage": "Number and percentage"
283
268
  };
284
269
  export default es;
@@ -252,7 +252,7 @@ const fr = {
252
252
  "Use_default_color": "Utiliser la couleur par défaut",
253
253
  "Use_colors_in_single_select_solumn": "Utiliser les couleurs dans une colonne de sélection unique",
254
254
  "Search_records": "Rechercher des enregistrements",
255
- "Please_select_a_grouping_column": "Veuillez sélectionner la colonne de regroupement",
255
+ "Please_select_a_grouping_column": "Please select grouping column",
256
256
  "View": "Voir",
257
257
  "Funnel": "Entonnoir",
258
258
  "All_charts": "Tous les graphiques",
@@ -264,21 +264,6 @@ const fr = {
264
264
  "Outside": "Dehors",
265
265
  "Show_overall_rate": "Afficher le libellé du tarif global",
266
266
  "Percentage": "Couche d'entonnoir",
267
- "Number_and_percentage": "Nombre et pourcentage",
268
- "Table_element": "Tabelle",
269
- "Sort": "Trier",
270
- "1_Sort": "1 sorte",
271
- "Sorts": "sortes",
272
- "hide_columns": "Masquer les colonnes",
273
- "Hidden_columns": "Colonnes masquées",
274
- "1_hidden_column": "1 colonne masquée",
275
- "No_sorts": "Aucune sorte",
276
- "Add_sort": "Ajouter un tri",
277
- "Search_column": "Colonne de recherche",
278
- "up": "En haut",
279
- "down": "Vers le bas",
280
- "Equal": "Égal",
281
- "Hide_all": "cacher",
282
- "Show_all": "Afficher tout"
267
+ "Number_and_percentage": "Nombre et pourcentage"
283
268
  };
284
269
  export default fr;
@@ -264,21 +264,6 @@ const pt = {
264
264
  "Outside": "Outside",
265
265
  "Show_overall_rate": "Show overall rate",
266
266
  "Percentage": "Percentage",
267
- "Number_and_percentage": "Number and percentage",
268
- "Table_element": "Table",
269
- "Sort": "Sort",
270
- "1_Sort": "1 sort",
271
- "Sorts": "sorts",
272
- "hide_columns": "Hide columns",
273
- "Hidden_columns": "Hidden columns",
274
- "1_hidden_column": "1 Hidden column",
275
- "No_sorts": "No sorts",
276
- "Add_sort": "Add sort",
277
- "Search_column": "Search column",
278
- "up": "Up",
279
- "down": "Down",
280
- "Equal": "Equal",
281
- "Hide_all": "Hide all",
282
- "Show_all": "Show all"
267
+ "Number_and_percentage": "Number and percentage"
283
268
  };
284
269
  export default pt;
@@ -264,21 +264,6 @@ const ru = {
264
264
  "Outside": "Outside",
265
265
  "Show_overall_rate": "Show overall rate",
266
266
  "Percentage": "Percentage",
267
- "Number_and_percentage": "Number and percentage",
268
- "Table_element": "Table",
269
- "Sort": "Sort",
270
- "1_Sort": "1 sort",
271
- "Sorts": "sorts",
272
- "hide_columns": "Hide columns",
273
- "Hidden_columns": "Hidden columns",
274
- "1_hidden_column": "1 Hidden column",
275
- "No_sorts": "No sorts",
276
- "Add_sort": "Add sort",
277
- "Search_column": "Search column",
278
- "up": "Up",
279
- "down": "Down",
280
- "Equal": "Equal",
281
- "Hide_all": "Hide all",
282
- "Show_all": "Show all"
267
+ "Number_and_percentage": "Number and percentage"
283
268
  };
284
269
  export default ru;
@@ -264,21 +264,6 @@ const zh_CN = {
264
264
  "Outside": "在图表外",
265
265
  "Show_overall_rate": "显示总转化率标签",
266
266
  "Percentage": "百分比",
267
- "Number_and_percentage": "数值和百分比",
268
- "Table_element": "表格",
269
- "Sort": "排序",
270
- "1_Sort": "1 个排序",
271
- "Sorts": "个排序",
272
- "hide_columns": "隐藏列",
273
- "Hidden_columns": "个隐藏列",
274
- "1_hidden_column": "1 个隐藏列",
275
- "No_sorts": "没有排序",
276
- "Add_sort": "添加排序",
277
- "Search_column": "搜索列",
278
- "up": "升序",
279
- "down": "降序",
280
- "Equal": "相等",
281
- "Hide_all": "隐藏全部",
282
- "Show_all": "展示全部"
267
+ "Number_and_percentage": "数值和百分比"
283
268
  };
284
269
  export default zh_CN;
@@ -32,7 +32,6 @@ import Trend from './trend';
32
32
  import Dashboard from './dashboard';
33
33
  import Table from './table';
34
34
  import Funnel from './funnel';
35
- import TableElement from './table-element';
36
35
  const CHART_MAP = {
37
36
  [CHART_TYPE.BAR]: Bar,
38
37
  [CHART_TYPE.BAR_GROUP]: BarGroup,
@@ -63,7 +62,6 @@ const CHART_MAP = {
63
62
  [CHART_TYPE.DASHBOARD]: Dashboard,
64
63
  [CHART_TYPE.TREE_MAP]: TreeMap,
65
64
  [CHART_TYPE.TABLE]: Table,
66
- [CHART_TYPE.FUNNEL]: Funnel,
67
- [CHART_TYPE.TABLE_ELEMENT]: TableElement
65
+ [CHART_TYPE.FUNNEL]: Funnel
68
66
  };
69
67
  export { ChartModel, GenericModel, CHART_MAP, User };
@@ -16,7 +16,6 @@ import { HeatMapDataSettings } from './heat-map-settings';
16
16
  import { MirrorDataSettings } from './mirror-settings';
17
17
  import { TrendDataSettings } from './trend-settings';
18
18
  import { FunnelDataSettings } from './funnel-settings';
19
- import { TableElementDataSettings } from './table-element-settings';
20
19
  const DataSettings = props => {
21
20
  const [refreshToggle, setRefreshToggle] = useState(false);
22
21
  const cacheRef = useRef(props);
@@ -128,10 +127,6 @@ const DataSettings = props => {
128
127
  {
129
128
  return /*#__PURE__*/React.createElement(FunnelDataSettings, props);
130
129
  }
131
- case CHART_TYPE.TABLE_ELEMENT:
132
- {
133
- return /*#__PURE__*/React.createElement(TableElementDataSettings, props);
134
- }
135
130
  default:
136
131
  {
137
132
  return null;
@@ -9,8 +9,7 @@ const ChartType = _ref => {
9
9
  let {
10
10
  chart,
11
11
  generateChartConfig,
12
- onChange,
13
- dataSources
12
+ onChange
14
13
  } = _ref;
15
14
  const [isDialogShow, setDialogShow] = useState(false);
16
15
  const openTypesDialog = useCallback(event => {
@@ -56,7 +55,6 @@ const ChartType = _ref => {
56
55
  symbol: "type-change",
57
56
  className: "sea-chart-type-icon"
58
57
  })))), isDialogShow && /*#__PURE__*/React.createElement(TypesDialog, {
59
- dataSources: dataSources,
60
58
  type: type,
61
59
  onToggle: closeTypesDialog,
62
60
  onChange: onTypeChange
@@ -47,7 +47,6 @@ const CommonDataSettings = _ref => {
47
47
  table_id
48
48
  } = chart.config;
49
49
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatisticType, {
50
- dataSources: dataSources,
51
50
  chart: chart,
52
51
  generateChartConfig: generateConfig,
53
52
  onChange: onChange
@@ -13,5 +13,5 @@
13
13
  .sea-chart-settings .sea-chart-data-filter .dtable-icon-filter {
14
14
  font-size: 14px;
15
15
  color: #666;
16
- margin-right: .5rem;
16
+ margin-right: 10px;
17
17
  }
@@ -2,7 +2,6 @@ var _BaseUtils;
2
2
  import shallowEqual from 'shallowequal';
3
3
  import dayjs from 'dayjs';
4
4
  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, isArchiveView, getViewById, MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP } from 'dtable-utils';
5
- import { isEqual } from 'lodash-es';
6
5
  import { PIE_CHART_COLORS, CHART_SUMMARY_TYPE, CHART_SUPPORT_SORT_COLUMNS, CHART_TYPE, CHART_STYLE_SETTING_KEYS, DEFAULT_LABEL_FONT_SIZE, DEFAULT_NUMBER_FORMAT_OBJECT, X_AXIS_IS_GROUPBY_COLUMN_KEY_CHART_TYPES, STYLE_COLORS, CHART_DATA_SORT_TYPE, CHART_Y_GROUP_TYPE, HORIZONTAL_BAR_CHART_TYPES, COMPLTETELESS_CHART_TYPES } from '../../constants';
7
6
  import { getClientFormulaDisplayString } from '../cell-format-utils';
8
7
  import { getKnownCollaboratorByEmail, generateDefaultUser, getUsers } from '../collaborator-utils';
@@ -59,11 +58,6 @@ BaseUtils.isValidExistChart = (tables, chart) => {
59
58
  } = config;
60
59
  const table = getTableById(tables, table_id);
61
60
  if (!table) return false;
62
-
63
- // if table exists then it's a valid TABLE_ELEMENT chart
64
- if (type === CHART_TYPE.TABLE_ELEMENT) {
65
- return true;
66
- }
67
61
  if (type === CHART_TYPE.SCATTER) {
68
62
  const {
69
63
  column_groupby_column_key
@@ -390,7 +384,7 @@ BaseUtils.isChartStyleChange = (preChartElement, curChartElement) => {
390
384
  if ((preChartElement === null || preChartElement === void 0 ? void 0 : (_preChartElement$heig = preChartElement.height) === null || _preChartElement$heig === void 0 ? void 0 : _preChartElement$heig.value) !== (curChartElement === null || curChartElement === void 0 ? void 0 : (_curChartElement$heig = curChartElement.height) === null || _curChartElement$heig === void 0 ? void 0 : _curChartElement$heig.value)) return true;
391
385
  if ((preChartElement === null || preChartElement === void 0 ? void 0 : preChartElement.left_in_unit) !== (curChartElement === null || curChartElement === void 0 ? void 0 : curChartElement.left_in_unit)) return true;
392
386
  if ((preChartElement === null || preChartElement === void 0 ? void 0 : preChartElement.width_in_unit) !== (curChartElement === null || curChartElement === void 0 ? void 0 : curChartElement.width_in_unit)) return true;
393
- if (!isEqual(preChartElement.style_config, curChartElement.style_config)) return true;
387
+ if (!ObjectUtils.isSameObject(preChartElement.style_config, curChartElement.style_config)) return true;
394
388
  return !CHART_STYLE_SETTING_KEYS.every(key => preChartElement.config[key] === curChartElement.config[key]);
395
389
  };
396
390
  BaseUtils.isChartTypeChange = (preChartElement, curChartElement) => {
@@ -15,7 +15,7 @@ ChartUtils.calculateChart = (chart, value, callback) => {
15
15
  tables: value.tables,
16
16
  onSuccess: async function (res) {
17
17
  var _res$data;
18
- let dataSources = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SQLStatisticsUtils.DATA_SOURCE;
18
+ let dataSources = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SQLStatisticsUtils.dataSources;
19
19
  const {
20
20
  success,
21
21
  error_message
@@ -25,7 +25,7 @@ ChartUtils.calculateChart = (chart, value, callback) => {
25
25
  callback && callback(errMsg, '', null);
26
26
  return;
27
27
  }
28
- if (dataSources === OriginalDataUtils.DATA_SOURCE) {
28
+ if (dataSources === OriginalDataUtils.dataSources) {
29
29
  OriginalDataUtils.calculateChart(chart, value, callback);
30
30
  return;
31
31
  }
@@ -55,5 +55,6 @@ ChartUtils.calculateStaticChart = (chart, value, statisticalResult, callback) =>
55
55
  } else {
56
56
  SQLStatisticsUtils.calculateStaticChart(chart, value, statisticalResult, callback);
57
57
  }
58
+ SQLStatisticsUtils.calculateStaticChart(chart, value, statisticalResult, callback);
58
59
  };
59
60
  export { BaseUtils, ChartUtils };
@@ -37,7 +37,7 @@ const calculatorMap = {
37
37
  };
38
38
  class OriginalDataUtils {}
39
39
  _OriginalDataUtils = OriginalDataUtils;
40
- OriginalDataUtils.DATA_SOURCE = 'original_data';
40
+ OriginalDataUtils.dataSources = 'original_data';
41
41
  OriginalDataUtils.isValidExistChart = (tables, chart) => {
42
42
  const isValid = BaseUtils.isValidExistChart(tables || [], chart);
43
43
  if (!isValid) return false;
@@ -82,7 +82,7 @@ OriginalDataUtils.calculateChart = async (chart, value, callback, refreshCache)
82
82
  const chartTableColumns = table.columns;
83
83
  return callback && callback('', '', {
84
84
  result,
85
- data_sources: _OriginalDataUtils.DATA_SOURCE,
85
+ data_sources: _OriginalDataUtils.dataSources,
86
86
  groupbyColumn,
87
87
  columnGroupbyColumn,
88
88
  summaryColumn,
@@ -14,7 +14,7 @@ import { convertQuarterToDate } from '../date-translate';
14
14
  import BaseUtils, { findIfColumnDataIsArray } from './base-utils';
15
15
  class SQLStatisticsUtils {}
16
16
  _SQLStatisticsUtils = SQLStatisticsUtils;
17
- SQLStatisticsUtils.DATA_SOURCE = 'sql_statistics';
17
+ SQLStatisticsUtils.dataSources = 'sql_statistics';
18
18
  SQLStatisticsUtils.getGroupLabelFromDB = async (cellValue, column, chart, isPivot) => {
19
19
  const dateGranularity = BaseUtils.getDateGranularityByType(chart);
20
20
  const {
@@ -1527,12 +1527,6 @@ SQLStatisticsUtils.sqlResult2JavaScript = async (chart, sqlRows, chartSQLMap, co
1527
1527
  type
1528
1528
  } = chart.config;
1529
1529
  switch (type) {
1530
- case CHART_TYPE.TABLE_ELEMENT:
1531
- {
1532
- return {
1533
- result: sqlRows
1534
- };
1535
- }
1536
1530
  case CHART_TYPE.TABLE:
1537
1531
  {
1538
1532
  sqlRows = BaseUtils.recalculateAvg(sqlRows);
@@ -2006,7 +2000,7 @@ SQLStatisticsUtils.calculateChart = async (chart, value, callback, sqlRows) => {
2006
2000
  }
2007
2001
  callback && callback('', '', {
2008
2002
  result,
2009
- data_sources: _SQLStatisticsUtils.DATA_SOURCE,
2003
+ data_sources: _SQLStatisticsUtils.dataSources,
2010
2004
  groupbyColumn,
2011
2005
  columnGroupbyColumn,
2012
2006
  summaryColumn,
@@ -2030,7 +2024,7 @@ SQLStatisticsUtils.calculateChart = async (chart, value, callback, sqlRows) => {
2030
2024
  }
2031
2025
  callback && callback('', '', {
2032
2026
  ...chartResult,
2033
- data_sources: _SQLStatisticsUtils.DATA_SOURCE,
2027
+ data_sources: _SQLStatisticsUtils.dataSources,
2034
2028
  groupbyColumn,
2035
2029
  columnGroupbyColumn,
2036
2030
  summaryColumn,
@@ -2052,7 +2046,7 @@ SQLStatisticsUtils.calculateStaticChart = (chart, value, statisticalResult, call
2052
2046
  const {
2053
2047
  type
2054
2048
  } = config;
2055
- if ([CHART_TYPE.TABLE, CHART_TYPE.TABLE_ELEMENT].includes(type)) return callback && callback('', '', statisticalResult);
2049
+ if (type === CHART_TYPE.TABLE) return callback && callback('', '', statisticalResult);
2056
2050
  const {
2057
2051
  table_id,
2058
2052
  sort_type
@@ -1,14 +1,6 @@
1
1
  import { GenericModel, CHART_MAP } from '../model';
2
- import { CHART_TYPE } from '../constants';
3
- import BaseModel from '../model/base-model';
4
2
  export const generateChartConfig = (options, tables) => {
5
- let genericChart;
6
- // TABLE_ELEMENT don't need normal chart's properties
7
- if (options.type === CHART_TYPE.TABLE_ELEMENT) {
8
- genericChart = new BaseModel(options);
9
- } else {
10
- genericChart = new GenericModel(options);
11
- }
3
+ const genericChart = new GenericModel(options);
12
4
  const ChartModel = CHART_MAP[genericChart.type];
13
5
  return new ChartModel(genericChart, tables);
14
6
  };
@@ -1,15 +1,6 @@
1
1
  import { CellType, COLLABORATOR_COLUMN_TYPES, FORMULA_COLUMN_TYPES_MAP, FORMULA_RESULT_TYPE, isNumber, getNumberDisplayString, getOption, getColumnOptions } from 'dtable-utils';
2
+ import { CHART_TYPE } from '../constants';
2
3
  import { getClientFormulaDisplayString } from './cell-format-utils';
3
- export const resizeColumn = (resizedColumnKey, width, columns) => {
4
- const columnIndex = columns.findIndex(column => column.key === resizedColumnKey);
5
- const column = columns[columnIndex];
6
- const newColumn = Object.assign({}, column, {
7
- width
8
- });
9
- let updateColumns = columns.slice(0);
10
- updateColumns[columnIndex] = newColumn;
11
- return updateColumns;
12
- };
13
4
  export const isEmptyGeolocationCell = (cellValue, format) => {
14
5
  if (!cellValue) return null;
15
6
  if (format === 'lng_lat') {
@@ -961,10 +961,6 @@ class ChartDataSQL {
961
961
  error: this.error
962
962
  };
963
963
  }
964
-
965
- // TODO
966
- // support TableElement
967
-
968
964
  return {};
969
965
  };
970
966
  this.get_sql_group_name = (name, original_name, column) => {
@@ -757,10 +757,6 @@ const chartColumn2SqlColumn = (chartElement, table) => {
757
757
  type
758
758
  } = chart;
759
759
  switch (type) {
760
- case CHART_TYPE.TABLE_ELEMENT:
761
- {
762
- return {};
763
- }
764
760
  case CHART_TYPE.TABLE:
765
761
  {
766
762
  const {
@@ -27,11 +27,7 @@
27
27
  .sea-chart-formatter .sea-chart-cavans-container {
28
28
  position: relative;
29
29
  width: 100%;
30
- height: 100%
31
- }
32
-
33
- .sea-chart-formatter .sea-chart-cavans-container.has-title {
34
- height: calc(100% - 41px);
30
+ height: 100%;
35
31
  }
36
32
 
37
33
  .sea-chart-formatter .sea-chart-table-formatter-container {