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.
- package/dist/components/types-dialog/index.js +2 -5
- package/dist/constants/index.js +1 -1
- package/dist/constants/type-image.js +1 -2
- package/dist/constants/type.js +3 -5
- package/dist/context.js +1 -1
- package/dist/locale/lang/de.js +2 -17
- package/dist/locale/lang/en.js +1 -16
- package/dist/locale/lang/es.js +1 -16
- package/dist/locale/lang/fr.js +2 -17
- package/dist/locale/lang/pt.js +1 -16
- package/dist/locale/lang/ru.js +1 -16
- package/dist/locale/lang/zh_CN.js +1 -16
- package/dist/model/index.js +1 -3
- package/dist/settings/data-settings.js +0 -5
- package/dist/settings/widgets/chart-type/index.js +1 -3
- package/dist/settings/widgets/common-data-settings.js +0 -1
- package/dist/settings/widgets/data-filter/index.css +1 -1
- package/dist/utils/chart-utils/base-utils.js +1 -7
- package/dist/utils/chart-utils/index.js +3 -2
- package/dist/utils/chart-utils/original-data-utils/index.js +2 -2
- package/dist/utils/chart-utils/sql-statistics-utils.js +4 -10
- package/dist/utils/chart.js +1 -9
- package/dist/utils/row-utils.js +1 -10
- package/dist/utils/sql/chart-data-sql.js +0 -4
- package/dist/utils/sql/column-2-sql-column.js +0 -4
- package/dist/view/index.css +1 -5
- package/dist/view/index.js +16 -35
- package/dist/view/wrapper/bar-group.js +1 -1
- package/dist/view/wrapper/index.js +0 -7
- package/package.json +1 -1
- package/dist/components/data-process-setter/data-setting-header.js +0 -11
- package/dist/components/data-process-setter/hide-column-setter.js +0 -79
- package/dist/components/data-process-setter/index.js +0 -4
- package/dist/components/data-process-setter/sort-setter.js +0 -75
- package/dist/components/popover/hide-column-popover/hide-column-popover-widgets/hide-column-item.js +0 -60
- package/dist/components/popover/hide-column-popover/hide-column-popover.css +0 -38
- package/dist/components/popover/hide-column-popover/hide-column-popover.js +0 -208
- package/dist/components/popover/sort-popover/sort-popover-widgets/sort-utils.js +0 -71
- package/dist/components/popover/sort-popover/sort-popover.css +0 -83
- package/dist/components/popover/sort-popover/sort-popover.js +0 -290
- package/dist/model/table-element.js +0 -22
- package/dist/settings/table-element-settings/components/data-filter.css +0 -17
- package/dist/settings/table-element-settings/components/data-filter.js +0 -89
- package/dist/settings/table-element-settings/data-settings.js +0 -100
- package/dist/settings/table-element-settings/index.css +0 -190
- package/dist/settings/table-element-settings/index.js +0 -2
- package/dist/utils/hotkey.js +0 -5
- package/dist/view/wrapper/table-element/components/dataset-utils.js +0 -123
- package/dist/view/wrapper/table-element/components/formatter.js +0 -309
- package/dist/view/wrapper/table-element/components/formula-formatter.js +0 -36
- package/dist/view/wrapper/table-element/components/link-formatter.js +0 -269
- package/dist/view/wrapper/table-element/components/record.js +0 -67
- package/dist/view/wrapper/table-element/components/records-body.js +0 -117
- package/dist/view/wrapper/table-element/components/records-header/index.js +0 -41
- package/dist/view/wrapper/table-element/components/records-header/records-header-cell.js +0 -51
- package/dist/view/wrapper/table-element/components/records.js +0 -117
- package/dist/view/wrapper/table-element/components/resize-column-handle/index.css +0 -11
- package/dist/view/wrapper/table-element/components/resize-column-handle/resize-column-handle.js +0 -48
- package/dist/view/wrapper/table-element/components/value-display-utils.js +0 -13
- package/dist/view/wrapper/table-element/components/vertical-scrollbar/index.css +0 -12
- package/dist/view/wrapper/table-element/components/vertical-scrollbar/index.js +0 -36
- package/dist/view/wrapper/table-element/css/index.css +0 -239
- 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 {
|
|
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),
|
package/dist/constants/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CellType, DEFAULT_NUMBER_FORMAT
|
|
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
|
};
|
package/dist/constants/type.js
CHANGED
|
@@ -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
|
|
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,
|
package/dist/locale/lang/de.js
CHANGED
|
@@ -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": "
|
|
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;
|
package/dist/locale/lang/en.js
CHANGED
|
@@ -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;
|
package/dist/locale/lang/es.js
CHANGED
|
@@ -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;
|
package/dist/locale/lang/fr.js
CHANGED
|
@@ -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": "
|
|
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;
|
package/dist/locale/lang/pt.js
CHANGED
|
@@ -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;
|
package/dist/locale/lang/ru.js
CHANGED
|
@@ -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;
|
package/dist/model/index.js
CHANGED
|
@@ -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
|
|
@@ -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 (!
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 (
|
|
2049
|
+
if (type === CHART_TYPE.TABLE) return callback && callback('', '', statisticalResult);
|
|
2056
2050
|
const {
|
|
2057
2051
|
table_id,
|
|
2058
2052
|
sort_type
|
package/dist/utils/chart.js
CHANGED
|
@@ -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
|
-
|
|
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
|
};
|
package/dist/utils/row-utils.js
CHANGED
|
@@ -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') {
|
package/dist/view/index.css
CHANGED
|
@@ -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 {
|