sea-chart 1.1.65 → 2.0.0
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/api/index.js +13 -6
- package/dist/assets/css/sea-chart-d3-tooltip.css +64 -0
- package/dist/components/cell-factory/FormatterConfig.js +62 -55
- package/dist/components/cell-factory/SimpleCellFormatter.js +11 -4
- package/dist/components/cell-factory/SingleSelectOption.js +18 -11
- package/dist/components/cell-factory/cell-editor-factory.js +12 -5
- package/dist/components/cell-factory/cell-formatter-factory.js +11 -4
- package/dist/components/cell-factory/link-content.js +35 -27
- package/dist/components/chart-color-selector/color-selector.js +18 -11
- package/dist/components/collaborator/index.js +14 -7
- package/dist/components/color-picker/index.js +18 -11
- package/dist/components/color-popover/color-rules/color-rule.js +33 -25
- package/dist/components/color-popover/color-rules/index.js +14 -6
- package/dist/components/color-popover/color-rules/rule-filters/filter.js +34 -27
- package/dist/components/color-popover/color-rules/rule-filters/index.js +25 -17
- package/dist/components/color-popover/color-rules/rule-filters/number-input.js +17 -9
- package/dist/components/color-popover/color-rules-popover.js +33 -25
- package/dist/components/color-popover/color-selector-popover.js +18 -10
- package/dist/components/color-setting/color-group-selector.js +20 -12
- package/dist/components/common-add-tool/index.js +13 -6
- package/dist/components/data-process-setter/data-setting-header.js +14 -7
- package/dist/components/data-process-setter/hide-column-setter.js +19 -12
- package/dist/components/data-process-setter/index.js +27 -4
- package/dist/components/data-process-setter/sort-setter.js +24 -16
- package/dist/components/draggable/Draggable.js +13 -7
- package/dist/components/drill-down-settings/drill-down-fields-popover/index.js +48 -40
- package/dist/components/drill-down-settings/drill-down-fields-settings/index.js +18 -10
- package/dist/components/drill-down-settings/index.js +18 -11
- package/dist/components/dtable-popover/index.js +20 -13
- package/dist/components/dtable-search-input/index.js +21 -13
- package/dist/components/font-settings/index.js +22 -14
- package/dist/components/goal-line-setting/goal-setting-item.js +14 -6
- package/dist/components/goal-line-setting/index.js +19 -12
- package/dist/components/highlighter/highlighter.js +14 -7
- package/dist/components/icon/index.js +12 -5
- package/dist/components/index.js +48 -7
- package/dist/components/loading/index.js +13 -6
- package/dist/components/number-input/index.js +11 -4
- package/dist/components/pixel-editor/index.js +23 -15
- package/dist/components/popover/hide-column-popover/hide-column-popover-widgets/hide-column-item.js +14 -7
- package/dist/components/popover/hide-column-popover/hide-column-popover.js +35 -27
- package/dist/components/popover/sort-popover/sort-popover-widgets/sort-utils.js +18 -9
- package/dist/components/popover/sort-popover/sort-popover.js +65 -55
- package/dist/components/resize-handle/ResizeHandle.js +13 -6
- package/dist/components/row-card/row-card-header-cell.js +22 -15
- package/dist/components/row-card/row-card-header.js +21 -14
- package/dist/components/row-card/row-card-item.js +41 -33
- package/dist/components/row-card/row-card.js +23 -15
- package/dist/components/statistic-record-dialog/index.js +63 -55
- package/dist/components/types-dialog/index.js +63 -55
- package/dist/components/types-dialog/use-force-update.js +10 -4
- package/dist/constants/color-rules.js +14 -8
- package/dist/constants/common-constants.js +14 -8
- package/dist/constants/error.js +8 -2
- package/dist/constants/geolocation.js +15 -9
- package/dist/constants/index.js +271 -142
- package/dist/constants/key-codes.js +2 -0
- package/dist/constants/model.js +9 -3
- package/dist/constants/regions.js +8 -3
- package/dist/constants/style.js +12 -6
- package/dist/constants/table.js +7 -1
- package/dist/constants/type-image.js +39 -33
- package/dist/constants/type.js +9 -3
- package/dist/context.js +19 -12
- package/dist/editor/index.js +15 -12
- package/dist/index.js +104 -13
- package/dist/intl.js +17 -10
- package/dist/locale/index.js +23 -16
- package/dist/locale/lang/de.js +7 -1
- package/dist/locale/lang/en.js +7 -1
- package/dist/locale/lang/es.js +7 -1
- package/dist/locale/lang/fr.js +7 -1
- package/dist/locale/lang/pt.js +7 -1
- package/dist/locale/lang/ru.js +7 -1
- package/dist/locale/lang/zh_CN.js +7 -1
- package/dist/model/area-group.js +19 -12
- package/dist/model/area.js +19 -12
- package/dist/model/bar-custom.js +18 -11
- package/dist/model/bar-group.js +19 -12
- package/dist/model/bar-stack.js +17 -10
- package/dist/model/bar.js +18 -11
- package/dist/model/base-model.js +11 -4
- package/dist/model/basic-number-card.js +20 -13
- package/dist/model/chart.js +13 -7
- package/dist/model/combination.js +22 -15
- package/dist/model/compare-bar.js +21 -14
- package/dist/model/completeness-group.js +18 -11
- package/dist/model/completeness.js +17 -10
- package/dist/model/dashboard.js +14 -7
- package/dist/model/funnel.js +21 -14
- package/dist/model/generic-model.js +143 -135
- package/dist/model/heat-map.js +16 -9
- package/dist/model/horizontal-bar.js +18 -11
- package/dist/model/horizontal-group-bar.js +17 -10
- package/dist/model/index.js +93 -69
- package/dist/model/line-group.js +20 -13
- package/dist/model/line.js +19 -12
- package/dist/model/map-bubble.js +17 -10
- package/dist/model/map.js +19 -12
- package/dist/model/mirror.js +20 -13
- package/dist/model/pie.js +19 -12
- package/dist/model/ring.js +19 -12
- package/dist/model/scatter.js +17 -10
- package/dist/model/stacked-horizontal-bar.js +18 -11
- package/dist/model/table-element.js +12 -5
- package/dist/model/table.js +14 -7
- package/dist/model/tree-map.js +14 -7
- package/dist/model/trend.js +18 -11
- package/dist/model/user.js +7 -1
- package/dist/model/world-map-bubble.js +19 -12
- package/dist/model/world-map.js +19 -12
- package/dist/services/map-json.js +13 -7
- package/dist/settings/advance-bar-settings/data-settings.js +46 -42
- package/dist/settings/advance-bar-settings/index.js +20 -3
- package/dist/settings/advance-bar-settings/style-settings.js +73 -69
- package/dist/settings/bar-settings/data-settings.js +49 -45
- package/dist/settings/bar-settings/index.js +20 -3
- package/dist/settings/bar-settings/style-settings.js +59 -55
- package/dist/settings/basic-number-card/data-settings.js +57 -49
- package/dist/settings/basic-number-card/index.js +20 -3
- package/dist/settings/basic-number-card/style-settings.js +26 -18
- package/dist/settings/combination-settings/data-settings.js +65 -60
- package/dist/settings/combination-settings/index.js +20 -3
- package/dist/settings/combination-settings/style-settings.js +74 -69
- package/dist/settings/completeness-settings/callbacks/callbacks.js +27 -16
- package/dist/settings/completeness-settings/data-settings/completion-settings.js +28 -21
- package/dist/settings/completeness-settings/data-settings/data-settings.js +32 -25
- package/dist/settings/completeness-settings/index.js +20 -3
- package/dist/settings/completeness-settings/style-settings.js +26 -19
- package/dist/settings/dashboard-settings/data-settings.js +51 -43
- package/dist/settings/dashboard-settings/index.js +13 -2
- package/dist/settings/data-settings.js +79 -72
- package/dist/settings/funnel-settings/components/dnd-item/dnd-item.js +19 -12
- package/dist/settings/funnel-settings/components/dnd-list.js +23 -15
- package/dist/settings/funnel-settings/components/funnel-label-setting.js +40 -32
- package/dist/settings/funnel-settings/components/funnel-layer-setting.js +30 -22
- package/dist/settings/funnel-settings/data-settings.js +31 -23
- package/dist/settings/funnel-settings/index.js +20 -3
- package/dist/settings/funnel-settings/style-settings.js +19 -11
- package/dist/settings/heat-map-settings/data-settings.js +26 -18
- package/dist/settings/heat-map-settings/index.js +20 -3
- package/dist/settings/heat-map-settings/style-settings.js +26 -18
- package/dist/settings/horizontal-bar-settings/data-settings.js +19 -12
- package/dist/settings/horizontal-bar-settings/index.js +20 -3
- package/dist/settings/horizontal-bar-settings/style-settings.js +19 -12
- package/dist/settings/index.js +75 -58
- package/dist/settings/map-settings/components/location-field-selector.js +17 -10
- package/dist/settings/map-settings/components/map-level-selector.js +18 -11
- package/dist/settings/map-settings/components/map-province-city-selector.js +26 -19
- package/dist/settings/map-settings/index.js +20 -3
- package/dist/settings/map-settings/map-data-settings.js +30 -23
- package/dist/settings/map-settings/map-style-settings.js +34 -26
- package/dist/settings/mirror-settings/data-settings.js +34 -26
- package/dist/settings/mirror-settings/index.js +13 -2
- package/dist/settings/pie-settings/data-settings.js +41 -33
- package/dist/settings/pie-settings/index.js +20 -3
- package/dist/settings/pie-settings/style-settings.js +55 -47
- package/dist/settings/scatter/data-settings.js +34 -27
- package/dist/settings/scatter/index.js +12 -3
- package/dist/settings/stacks-settings/index.js +27 -19
- package/dist/settings/stacks-settings/stack-item-settings.js +27 -19
- package/dist/settings/style-settings.js +72 -64
- package/dist/settings/table-element-settings/components/data-filter.js +37 -29
- package/dist/settings/table-element-settings/data-settings.js +29 -21
- package/dist/settings/table-element-settings/index.js +13 -2
- package/dist/settings/table-settings/data-settings.js +119 -111
- package/dist/settings/table-settings/index.js +13 -2
- package/dist/settings/time-comparison-settings/data-settings.js +51 -43
- package/dist/settings/time-comparison-settings/index.js +20 -3
- package/dist/settings/time-comparison-settings/style-settings.js +50 -42
- package/dist/settings/trend-settings/data-settings.js +32 -24
- package/dist/settings/trend-settings/index.js +20 -3
- package/dist/settings/trend-settings/style-setting.js +25 -17
- package/dist/settings/widgets/basic-summary/index.js +66 -66
- package/dist/settings/widgets/chart-type/index.js +34 -19
- package/dist/settings/widgets/color-settings/index.js +80 -72
- package/dist/settings/widgets/common-data-settings.js +30 -25
- package/dist/settings/widgets/data-filter/index.js +40 -32
- package/dist/settings/widgets/data-sort.js +24 -16
- package/dist/settings/widgets/date-summary-item.js +32 -24
- package/dist/settings/widgets/display-values-settings/index.js +22 -14
- package/dist/settings/widgets/divider/index.js +16 -8
- package/dist/settings/widgets/font-settings/font-color-settings.js +19 -11
- package/dist/settings/widgets/font-settings/font-size-settings.js +22 -14
- package/dist/settings/widgets/font-settings/font-weight-settings.js +25 -17
- package/dist/settings/widgets/font-settings/index.js +27 -4
- package/dist/settings/widgets/group-by.js +59 -51
- package/dist/settings/widgets/min-max-setting.js +18 -10
- package/dist/settings/widgets/mininum-slice-percent.js +18 -10
- package/dist/settings/widgets/numeric-summary-item.js +31 -23
- package/dist/settings/widgets/select-line-type/index.js +17 -10
- package/dist/settings/widgets/select-table/index.js +16 -9
- package/dist/settings/widgets/select-view/index.js +28 -20
- package/dist/settings/widgets/stack.js +22 -14
- package/dist/settings/widgets/summary-method-setting.js +25 -17
- package/dist/settings/widgets/summary-settings.js +80 -72
- package/dist/settings/widgets/switch/index.js +15 -8
- package/dist/settings/widgets/text-horizontal-settings.js +23 -15
- package/dist/settings/widgets/time-picker.js +37 -29
- package/dist/settings/widgets/title-settings/index.js +37 -29
- package/dist/settings/widgets/title-settings/title-text.js +12 -5
- package/dist/settings/widgets/x-axios.js +1 -0
- package/dist/settings/widgets/y-axis-group-settings.js +71 -63
- package/dist/utils/cell-format-utils.js +29 -19
- package/dist/utils/cell-value-utils.js +11 -4
- package/dist/utils/chart-utils/base-utils.js +290 -279
- package/dist/utils/chart-utils/index.js +39 -26
- package/dist/utils/chart-utils/original-data-utils/basic-chart-calculator.js +84 -77
- package/dist/utils/chart-utils/original-data-utils/card-calculator.js +20 -13
- package/dist/utils/chart-utils/original-data-utils/combination-calculator.js +52 -45
- package/dist/utils/chart-utils/original-data-utils/compare-bar-chart-calculator.js +26 -19
- package/dist/utils/chart-utils/original-data-utils/completeness-calculator.js +39 -32
- package/dist/utils/chart-utils/original-data-utils/dashboard-calculator.js +23 -16
- package/dist/utils/chart-utils/original-data-utils/index.js +57 -50
- package/dist/utils/chart-utils/original-data-utils/mirror-calculator.js +26 -19
- package/dist/utils/chart-utils/original-data-utils/pivot-table-calculator.js +96 -90
- package/dist/utils/chart-utils/original-data-utils/scatter-calculator.js +25 -18
- package/dist/utils/chart-utils/original-data-utils/trend-calculator.js +34 -27
- package/dist/utils/chart-utils/sql-statistics-utils.js +237 -229
- package/dist/utils/chart.js +17 -9
- package/dist/utils/collaborator-manager.js +9 -3
- package/dist/utils/collaborator-utils.js +30 -18
- package/dist/utils/collaborator.js +13 -4
- package/dist/utils/color-utils.js +29 -18
- package/dist/utils/column-utils.js +88 -63
- package/dist/utils/common-utils.js +52 -27
- package/dist/utils/concurrency-manager.js +7 -1
- package/dist/utils/contexts.js +11 -4
- package/dist/utils/custom-g2.js +241 -212
- package/dist/utils/date-translate.js +19 -11
- package/dist/utils/digital-sign-utils.js +14 -7
- package/dist/utils/event-bus.js +7 -1
- package/dist/utils/hotkey.js +11 -5
- package/dist/utils/index.js +219 -53
- package/dist/utils/key-generator.js +9 -2
- package/dist/utils/map.js +31 -22
- package/dist/utils/object-utils.js +7 -1
- package/dist/utils/options-utils.js +16 -8
- package/dist/utils/row-record-utils.js +164 -152
- package/dist/utils/row-utils.js +38 -27
- package/dist/utils/search.js +32 -24
- package/dist/utils/sql/chart-data-sql.js +55 -49
- package/dist/utils/sql/column-2-sql-column.js +153 -143
- package/dist/utils/sql/index.js +27 -3
- package/dist/utils/trend-utils.js +45 -37
- package/dist/view/index.js +96 -87
- package/dist/view/title/index.js +23 -15
- package/dist/view/wrapper/area.js +46 -39
- package/dist/view/wrapper/bar-custom.js +40 -33
- package/dist/view/wrapper/bar-group.js +58 -51
- package/dist/view/wrapper/bar.js +42 -35
- package/dist/view/wrapper/basic-number-card.js +25 -17
- package/dist/view/wrapper/chart-component.js +116 -54
- package/dist/view/wrapper/combination.js +82 -75
- package/dist/view/wrapper/compare.js +57 -50
- package/dist/view/wrapper/completeness.js +32 -24
- package/dist/view/wrapper/dashboard.js +21 -14
- package/dist/view/wrapper/funnel.js +26 -19
- package/dist/view/wrapper/heat-map.js +60 -53
- package/dist/view/wrapper/horizontal-bar-group.js +48 -41
- package/dist/view/wrapper/horizontal-bar.js +39 -32
- package/dist/view/wrapper/horizontal-component.js +23 -15
- package/dist/view/wrapper/index.js +148 -96
- package/dist/view/wrapper/line-group.js +41 -34
- package/dist/view/wrapper/line.js +39 -32
- package/dist/view/wrapper/map.js +54 -46
- package/dist/view/wrapper/mirror.js +38 -31
- package/dist/view/wrapper/pie.js +50 -43
- package/dist/view/wrapper/ring.js +59 -52
- package/dist/view/wrapper/scatter.js +30 -22
- package/dist/view/wrapper/table/index.js +21 -13
- package/dist/view/wrapper/table/one-dimension-table-no-numeric-columns.js +57 -49
- package/dist/view/wrapper/table/one-dimension-table-with-numeric-columns.js +58 -50
- package/dist/view/wrapper/table/pivot-table-display-name.js +90 -82
- package/dist/view/wrapper/table/two-dimension-table.js +84 -76
- package/dist/view/wrapper/table-element/components/dataset-utils.js +36 -23
- package/dist/view/wrapper/table-element/components/formatter.js +98 -89
- package/dist/view/wrapper/table-element/components/formatters/FileFormatter/index.js +31 -22
- package/dist/view/wrapper/table-element/components/formatters/formula-formatter.js +16 -9
- package/dist/view/wrapper/table-element/components/formatters/link-formatter.js +80 -73
- package/dist/view/wrapper/table-element/components/formula-formatter.js +16 -9
- package/dist/view/wrapper/table-element/components/link-formatter.js +80 -73
- package/dist/view/wrapper/table-element/components/record.js +17 -10
- package/dist/view/wrapper/table-element/components/records-body.js +17 -9
- package/dist/view/wrapper/table-element/components/records-header/index.js +16 -8
- package/dist/view/wrapper/table-element/components/records-header/records-header-cell.js +16 -8
- package/dist/view/wrapper/table-element/components/records.js +29 -21
- package/dist/view/wrapper/table-element/components/resize-column-handle/resize-column-handle.js +13 -6
- package/dist/view/wrapper/table-element/components/utils.js +15 -5
- package/dist/view/wrapper/table-element/components/value-display-utils.js +11 -4
- package/dist/view/wrapper/table-element/components/vertical-scrollbar/index.js +13 -6
- package/dist/view/wrapper/table-element/index.js +24 -16
- package/dist/view/wrapper/treemap.js +43 -36
- package/dist/view/wrapper/trend.js +47 -39
- package/dist/view/wrapper/world-map.js +60 -52
- package/dist/view/wrapper/wrappers-d3/bar.js +262 -0
- package/package.json +15 -17
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _reactstrap = require("reactstrap");
|
|
12
|
+
var _dtableUtils = require("dtable-utils");
|
|
13
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
|
+
var _intl = _interopRequireDefault(require("../../../intl"));
|
|
15
|
+
require("./index.css");
|
|
8
16
|
const SelectView = _ref => {
|
|
9
17
|
let {
|
|
10
18
|
tables,
|
|
@@ -12,10 +20,10 @@ const SelectView = _ref => {
|
|
|
12
20
|
selectedViewId,
|
|
13
21
|
onChange
|
|
14
22
|
} = _ref;
|
|
15
|
-
const viewOptions = useMemo(() => {
|
|
16
|
-
const table = getTableById(tables, selectedTableId);
|
|
23
|
+
const viewOptions = (0, _react.useMemo)(() => {
|
|
24
|
+
const table = (0, _dtableUtils.getTableById)(tables, selectedTableId);
|
|
17
25
|
if (!table) return [];
|
|
18
|
-
let views = getNonPrivateViews(table.views);
|
|
26
|
+
let views = (0, _dtableUtils.getNonPrivateViews)(table.views);
|
|
19
27
|
let selectedView = views.find(view => view._id === selectedViewId);
|
|
20
28
|
if (!selectedView) {
|
|
21
29
|
selectedView = views[0];
|
|
@@ -23,23 +31,23 @@ const SelectView = _ref => {
|
|
|
23
31
|
|
|
24
32
|
// not support archive view on plugin, do not show archive view
|
|
25
33
|
// but if it is selected, keep it
|
|
26
|
-
if (selectedView && !isArchiveView(selectedView)) {
|
|
27
|
-
views = views.filter(v => !isArchiveView(v));
|
|
34
|
+
if (selectedView && !(0, _dtableUtils.isArchiveView)(selectedView)) {
|
|
35
|
+
views = views.filter(v => !(0, _dtableUtils.isArchiveView)(v));
|
|
28
36
|
}
|
|
29
37
|
return Array.isArray(views) ? views.map(view => {
|
|
30
38
|
const value = view._id;
|
|
31
|
-
const archiveView = isArchiveView(view);
|
|
39
|
+
const archiveView = (0, _dtableUtils.isArchiveView)(view);
|
|
32
40
|
return {
|
|
33
|
-
label: /*#__PURE__*/
|
|
41
|
+
label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
34
42
|
className: "sea-chart-table-view mr-2"
|
|
35
|
-
}, /*#__PURE__*/
|
|
36
|
-
className:
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
44
|
+
className: (0, _classnames.default)('dtable-font',
|
|
37
45
|
// 'dtable-icon-main-view',
|
|
38
46
|
{
|
|
39
47
|
'dtable-icon-archive-view': archiveView,
|
|
40
48
|
'dtable-icon-main-view': !archiveView
|
|
41
49
|
})
|
|
42
|
-
})), /*#__PURE__*/
|
|
50
|
+
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
43
51
|
className: "select-option-name"
|
|
44
52
|
}, view.name)),
|
|
45
53
|
value
|
|
@@ -47,13 +55,13 @@ const SelectView = _ref => {
|
|
|
47
55
|
}) : [];
|
|
48
56
|
}, [tables, selectedTableId, selectedViewId]);
|
|
49
57
|
const selectedOption = selectedViewId ? viewOptions.find(option => option.value === selectedViewId) : null;
|
|
50
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
51
59
|
className: "sea-chart-setting-item table-setting"
|
|
52
|
-
}, /*#__PURE__*/
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('View')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
53
61
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
54
62
|
value: selectedOption,
|
|
55
63
|
options: viewOptions,
|
|
56
64
|
onChange: onChange
|
|
57
65
|
}));
|
|
58
66
|
};
|
|
59
|
-
|
|
67
|
+
var _default = exports.default = SelectView;
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _reactstrap = require("reactstrap");
|
|
12
|
+
var _dtableUtils = require("dtable-utils");
|
|
13
|
+
var _utils = require("../../utils");
|
|
14
|
+
var _intl = _interopRequireDefault(require("../../intl"));
|
|
15
|
+
class Stack extends _react.Component {
|
|
8
16
|
constructor() {
|
|
9
17
|
super(...arguments);
|
|
10
18
|
this.onUseStackChange = event => {
|
|
11
|
-
eventStopPropagation(event);
|
|
19
|
+
(0, _utils.eventStopPropagation)(event);
|
|
12
20
|
const {
|
|
13
21
|
chart
|
|
14
22
|
} = this.props;
|
|
@@ -34,17 +42,17 @@ class Stack extends Component {
|
|
|
34
42
|
column_groupby_column_key
|
|
35
43
|
} = chart.config;
|
|
36
44
|
if (!column_groupby_column_key) return null;
|
|
37
|
-
const selectedTable = getTableById(tables, selectedTableId);
|
|
45
|
+
const selectedTable = (0, _dtableUtils.getTableById)(tables, selectedTableId);
|
|
38
46
|
if (!selectedTable) return null;
|
|
39
|
-
const columnGroupbyColumn = getTableColumnByKey(selectedTable, column_groupby_column_key);
|
|
47
|
+
const columnGroupbyColumn = (0, _dtableUtils.getTableColumnByKey)(selectedTable, column_groupby_column_key);
|
|
40
48
|
if (!columnGroupbyColumn) return null;
|
|
41
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
42
50
|
className: "sea-chart-parameter-item"
|
|
43
|
-
}, /*#__PURE__*/
|
|
51
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Display_mode')), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
|
|
44
52
|
checked: y_axis_use_stack || false,
|
|
45
|
-
placeholder:
|
|
53
|
+
placeholder: _intl.default.get('Stack'),
|
|
46
54
|
onChange: this.onUseStackChange
|
|
47
55
|
}));
|
|
48
56
|
}
|
|
49
57
|
}
|
|
50
|
-
|
|
58
|
+
var _default = exports.default = Stack;
|
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _reactstrap = require("reactstrap");
|
|
12
|
+
var _shallowequal = _interopRequireDefault(require("shallowequal"));
|
|
13
|
+
var _constants = require("../../constants");
|
|
14
|
+
var _utils = require("../../utils");
|
|
15
|
+
var _intl = _interopRequireDefault(require("../../intl"));
|
|
16
|
+
class SummaryMethodSettings extends _react.Component {
|
|
9
17
|
constructor(_props) {
|
|
10
18
|
super(_props);
|
|
11
19
|
this.initSummaryMethodOptions = props => {
|
|
@@ -14,11 +22,11 @@ class SummaryMethodSettings extends Component {
|
|
|
14
22
|
numericColumnOptions
|
|
15
23
|
} = props;
|
|
16
24
|
const selectedOption = numericColumnOptions.find(item => item.value.key === value.column_key);
|
|
17
|
-
const summaryMethodOptions = selectedOption && BaseUtils.isDateSummaryColumn(selectedOption.value) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
|
|
25
|
+
const summaryMethodOptions = selectedOption && _utils.BaseUtils.isDateSummaryColumn(selectedOption.value) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
|
|
18
26
|
this.summaryMethodOptions = summaryMethodOptions.map(item => {
|
|
19
27
|
return {
|
|
20
28
|
value: item,
|
|
21
|
-
label:
|
|
29
|
+
label: _intl.default.get(_constants.CHART_SUMMARY_SHOW[item])
|
|
22
30
|
};
|
|
23
31
|
});
|
|
24
32
|
};
|
|
@@ -28,7 +36,7 @@ class SummaryMethodSettings extends Component {
|
|
|
28
36
|
this.initSummaryMethodOptions(_props);
|
|
29
37
|
}
|
|
30
38
|
UNSAFE_componentWillReceiveProps(nextProps) {
|
|
31
|
-
if (!
|
|
39
|
+
if (!(0, _shallowequal.default)(this.props.value, nextProps.value)) {
|
|
32
40
|
this.initSummaryMethodOptions(nextProps);
|
|
33
41
|
}
|
|
34
42
|
}
|
|
@@ -43,17 +51,17 @@ class SummaryMethodSettings extends Component {
|
|
|
43
51
|
} = value;
|
|
44
52
|
const selectedColumnOption = numericColumnOptions.find(option => option.value.key === column_key);
|
|
45
53
|
const selectedSummaryMethodOption = this.summaryMethodOptions.find(option => option.value === summary_method);
|
|
46
|
-
return /*#__PURE__*/
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
47
55
|
className: "chart-parameter-item"
|
|
48
|
-
}, /*#__PURE__*/
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
49
57
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
50
58
|
value: selectedColumnOption,
|
|
51
|
-
placeholder:
|
|
59
|
+
placeholder: _intl.default.get('Select_a_column'),
|
|
52
60
|
onChange: this.props.onColumnOptionChange,
|
|
53
61
|
options: numericColumnOptions
|
|
54
|
-
})), /*#__PURE__*/
|
|
62
|
+
})), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
55
63
|
className: "chart-parameter-item"
|
|
56
|
-
}, /*#__PURE__*/
|
|
64
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
57
65
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
58
66
|
value: selectedSummaryMethodOption,
|
|
59
67
|
onChange: this.props.onSummaryMethodChange,
|
|
@@ -61,4 +69,4 @@ class SummaryMethodSettings extends Component {
|
|
|
61
69
|
})));
|
|
62
70
|
}
|
|
63
71
|
}
|
|
64
|
-
|
|
72
|
+
var _default = exports.default = SummaryMethodSettings;
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _dtableUtils = require("dtable-utils");
|
|
12
|
+
var _reactstrap = require("reactstrap");
|
|
13
|
+
var _utils = require("../../utils");
|
|
14
|
+
var _constants = require("../../constants");
|
|
15
|
+
var _intl = _interopRequireDefault(require("../../intl"));
|
|
16
|
+
var _numericSummaryItem = _interopRequireDefault(require("./numeric-summary-item"));
|
|
17
|
+
class SummarySettings extends _react.Component {
|
|
10
18
|
constructor(_props) {
|
|
11
19
|
super(_props);
|
|
12
20
|
this.initTable = props => {
|
|
@@ -17,7 +25,7 @@ class SummarySettings extends Component {
|
|
|
17
25
|
const {
|
|
18
26
|
table_id
|
|
19
27
|
} = config;
|
|
20
|
-
this.selectedTable = getTableById(tables, table_id);
|
|
28
|
+
this.selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
|
|
21
29
|
};
|
|
22
30
|
this.initColumns = () => {
|
|
23
31
|
if (!this.selectedTable) {
|
|
@@ -29,22 +37,22 @@ class SummarySettings extends Component {
|
|
|
29
37
|
const columns = Array.isArray(this.selectedTable.columns) ? this.selectedTable.columns : [];
|
|
30
38
|
this.columns = this.getAvailableColumns(columns);
|
|
31
39
|
this.columnGroupbyColumnsOptions = this.getColumnOptions(this.columns);
|
|
32
|
-
this.numericColumns = this.columns.filter(column => BaseUtils.isNumericSummaryColumn(column));
|
|
40
|
+
this.numericColumns = this.columns.filter(column => _utils.BaseUtils.isNumericSummaryColumn(column));
|
|
33
41
|
this.numericColumnsOptions = this.getColumnOptions(this.numericColumns);
|
|
34
42
|
};
|
|
35
43
|
this.getAvailableColumns = columns => {
|
|
36
44
|
if (!columns || !Array.isArray(columns)) return [];
|
|
37
|
-
return columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
|
|
45
|
+
return columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
|
|
38
46
|
};
|
|
39
47
|
this.getColumnOptions = columns => {
|
|
40
48
|
const options = columns.map(column => {
|
|
41
49
|
return {
|
|
42
50
|
value: column,
|
|
43
|
-
label: /*#__PURE__*/
|
|
51
|
+
label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
44
52
|
className: "sea-chart-column-icon"
|
|
45
|
-
}, /*#__PURE__*/
|
|
46
|
-
className: COLUMNS_ICON_CONFIG[column.type]
|
|
47
|
-
})), /*#__PURE__*/
|
|
53
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
54
|
+
className: _dtableUtils.COLUMNS_ICON_CONFIG[column.type]
|
|
55
|
+
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
48
56
|
className: 'select-module select-module-name ml-0'
|
|
49
57
|
}, column.name))
|
|
50
58
|
};
|
|
@@ -53,9 +61,9 @@ class SummarySettings extends Component {
|
|
|
53
61
|
value: {
|
|
54
62
|
key: 'Groupby_null'
|
|
55
63
|
},
|
|
56
|
-
label: /*#__PURE__*/
|
|
64
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
57
65
|
className: 'select-module select-module-name null-option-name ml-0'
|
|
58
|
-
},
|
|
66
|
+
}, _intl.default.get('Select_a_column')),
|
|
59
67
|
style: {
|
|
60
68
|
color: 'rgba(0, 0, 0, .25)'
|
|
61
69
|
}
|
|
@@ -63,30 +71,30 @@ class SummarySettings extends Component {
|
|
|
63
71
|
};
|
|
64
72
|
this.getSummaryTypeOptions = () => {
|
|
65
73
|
const summaryTypes = [{
|
|
66
|
-
value: CHART_Y_GROUP_TYPE.COUNT,
|
|
67
|
-
label: /*#__PURE__*/
|
|
74
|
+
value: _constants.CHART_Y_GROUP_TYPE.COUNT,
|
|
75
|
+
label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
68
76
|
className: "select-module select-module-name ml-0"
|
|
69
|
-
},
|
|
77
|
+
}, _intl.default.get(_constants.CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/_react.default.createElement("div", {
|
|
70
78
|
className: "summary-type-explanation"
|
|
71
|
-
},
|
|
79
|
+
}, _intl.default.get('Count_the_number_of_records_in_each_group')))
|
|
72
80
|
}, {
|
|
73
|
-
value: CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
|
|
74
|
-
label: /*#__PURE__*/
|
|
81
|
+
value: _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
|
|
82
|
+
label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
75
83
|
className: "select-module select-module-name ml-0"
|
|
76
|
-
},
|
|
84
|
+
}, _intl.default.get(_constants.CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
|
|
77
85
|
className: "summary-type-explanation"
|
|
78
|
-
},
|
|
86
|
+
}, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
|
|
79
87
|
}];
|
|
80
88
|
|
|
81
89
|
// multiple_numeric_column
|
|
82
90
|
if (this.props.useMultipleSummaryColumns) {
|
|
83
91
|
summaryTypes.push({
|
|
84
|
-
value: CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
|
|
85
|
-
label: /*#__PURE__*/
|
|
92
|
+
value: _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
|
|
93
|
+
label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
86
94
|
className: "select-module select-module-name ml-0"
|
|
87
|
-
},
|
|
95
|
+
}, _intl.default.get('Summarize_multiple_fields')), /*#__PURE__*/_react.default.createElement("div", {
|
|
88
96
|
className: "summary-type-explanation"
|
|
89
|
-
},
|
|
97
|
+
}, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
|
|
90
98
|
});
|
|
91
99
|
}
|
|
92
100
|
return summaryTypes;
|
|
@@ -97,42 +105,42 @@ class SummarySettings extends Component {
|
|
|
97
105
|
} = this.props;
|
|
98
106
|
const chartType = config.type;
|
|
99
107
|
let variable = '';
|
|
100
|
-
if (chartType === CHART_TYPE.MAP) {
|
|
108
|
+
if (chartType === _constants.CHART_TYPE.MAP) {
|
|
101
109
|
variable = '位置字段';
|
|
102
110
|
}
|
|
103
|
-
if (chartType === CHART_TYPE.WORLD_MAP) {
|
|
104
|
-
variable =
|
|
111
|
+
if (chartType === _constants.CHART_TYPE.WORLD_MAP) {
|
|
112
|
+
variable = _intl.default.get('Location_field');
|
|
105
113
|
}
|
|
106
|
-
if (chartType === CHART_TYPE.HEAT_MAP) {
|
|
107
|
-
variable =
|
|
114
|
+
if (chartType === _constants.CHART_TYPE.HEAT_MAP) {
|
|
115
|
+
variable = _intl.default.get('Time_field');
|
|
108
116
|
}
|
|
109
|
-
if (chartType === CHART_TYPE.MIRROR) {
|
|
110
|
-
variable =
|
|
117
|
+
if (chartType === _constants.CHART_TYPE.MIRROR) {
|
|
118
|
+
variable = _intl.default.get('Statistic_field');
|
|
111
119
|
}
|
|
112
|
-
if (chartType === CHART_TYPE.COMBINATION) {
|
|
113
|
-
variable =
|
|
120
|
+
if (chartType === _constants.CHART_TYPE.COMBINATION) {
|
|
121
|
+
variable = _intl.default.get('X-axis');
|
|
114
122
|
}
|
|
115
|
-
if (chartType === CHART_TYPE.TREND) {
|
|
123
|
+
if (chartType === _constants.CHART_TYPE.TREND) {
|
|
116
124
|
return {
|
|
117
|
-
count:
|
|
118
|
-
advanced:
|
|
125
|
+
count: _intl.default.get('Calculate_the_number_of_records_in_two_time_periods'),
|
|
126
|
+
advanced: _intl.default.get('Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods')
|
|
119
127
|
};
|
|
120
128
|
}
|
|
121
129
|
return {
|
|
122
|
-
count:
|
|
130
|
+
count: _intl.default.get('Count_by_var', {
|
|
123
131
|
var: variable
|
|
124
132
|
}),
|
|
125
|
-
advanced:
|
|
133
|
+
advanced: _intl.default.get('Compute_sum_max_min_by_var', {
|
|
126
134
|
var: variable
|
|
127
135
|
})
|
|
128
136
|
};
|
|
129
137
|
};
|
|
130
138
|
this.getSummaryMethodsOptions = () => {
|
|
131
|
-
return CHART_SUMMARY_CALCULATION_METHOD.map(method => {
|
|
139
|
+
return _constants.CHART_SUMMARY_CALCULATION_METHOD.map(method => {
|
|
132
140
|
return {
|
|
133
|
-
label: /*#__PURE__*/
|
|
141
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
134
142
|
className: "select-option-name"
|
|
135
|
-
},
|
|
143
|
+
}, _intl.default.get(_constants.CHART_SUMMARY_SHOW[method])),
|
|
136
144
|
value: method
|
|
137
145
|
};
|
|
138
146
|
});
|
|
@@ -145,9 +153,9 @@ class SummarySettings extends Component {
|
|
|
145
153
|
label
|
|
146
154
|
} = this.props;
|
|
147
155
|
const selectedSummaryType = this.getSelectedSummaryType();
|
|
148
|
-
return /*#__PURE__*/
|
|
156
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
149
157
|
className: "sea-chart-parameter-item"
|
|
150
|
-
}, /*#__PURE__*/
|
|
158
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
151
159
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
152
160
|
classNamePrefix: "chart-summary-types",
|
|
153
161
|
value: selectedSummaryType,
|
|
@@ -157,14 +165,14 @@ class SummarySettings extends Component {
|
|
|
157
165
|
};
|
|
158
166
|
this.getSelectedSummaryType = () => {
|
|
159
167
|
const {
|
|
160
|
-
summaryType = CHART_SUMMARY_TYPE.COUNT,
|
|
168
|
+
summaryType = _constants.CHART_SUMMARY_TYPE.COUNT,
|
|
161
169
|
config,
|
|
162
170
|
useMultipleSummaryColumns
|
|
163
171
|
} = this.props;
|
|
164
|
-
if (summaryType === CHART_SUMMARY_TYPE.COUNT) {
|
|
172
|
+
if (summaryType === _constants.CHART_SUMMARY_TYPE.COUNT) {
|
|
165
173
|
return this.summaryTypeOptions[0];
|
|
166
174
|
}
|
|
167
|
-
if (config.type === CHART_TYPE.COMBINATION && config.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
|
|
175
|
+
if (config.type === _constants.CHART_TYPE.COMBINATION && config.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
|
|
168
176
|
return this.summaryTypeOptions[2];
|
|
169
177
|
}
|
|
170
178
|
return this.summaryTypeOptions[1];
|
|
@@ -185,24 +193,24 @@ class SummarySettings extends Component {
|
|
|
185
193
|
summaryColumn
|
|
186
194
|
} = this.props;
|
|
187
195
|
let selectedColumnOption = this.numericColumnsOptions.find(o => o.value.key === summaryColumn);
|
|
188
|
-
return /*#__PURE__*/
|
|
196
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
189
197
|
className: "sea-chart-parameter-item"
|
|
190
|
-
}, /*#__PURE__*/
|
|
198
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
191
199
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
192
200
|
value: selectedColumnOption,
|
|
193
201
|
onChange: this.onSelectSummaryColumn,
|
|
194
202
|
options: this.numericColumnsOptions,
|
|
195
|
-
placeholder:
|
|
203
|
+
placeholder: _intl.default.get('Select_a_column'),
|
|
196
204
|
noOptionsMessage: () => {
|
|
197
|
-
return /*#__PURE__*/
|
|
205
|
+
return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_options'));
|
|
198
206
|
}
|
|
199
207
|
}));
|
|
200
208
|
};
|
|
201
209
|
this.renderSummaryMethod = () => {
|
|
202
210
|
let selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
|
|
203
|
-
return /*#__PURE__*/
|
|
211
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
204
212
|
className: "sea-chart-parameter-item"
|
|
205
|
-
}, /*#__PURE__*/
|
|
213
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
206
214
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
207
215
|
value: selectedMethodOption,
|
|
208
216
|
onChange: this.onSelectSummaryMethod,
|
|
@@ -221,11 +229,11 @@ class SummarySettings extends Component {
|
|
|
221
229
|
type
|
|
222
230
|
} = config;
|
|
223
231
|
let column_key, summary_method;
|
|
224
|
-
if (type === CHART_TYPE.COMBINATION) {
|
|
232
|
+
if (type === _constants.CHART_TYPE.COMBINATION) {
|
|
225
233
|
column_key = config.y_axis_left_summary_column;
|
|
226
234
|
summary_method = config.y_axis_left_summary_method;
|
|
227
235
|
}
|
|
228
|
-
return /*#__PURE__*/
|
|
236
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
|
|
229
237
|
chart: chart,
|
|
230
238
|
key: "number-column-".concat(0),
|
|
231
239
|
numericColumnOptions: this.numericColumnsOptions,
|
|
@@ -236,14 +244,14 @@ class SummarySettings extends Component {
|
|
|
236
244
|
column_key,
|
|
237
245
|
summary_method
|
|
238
246
|
}
|
|
239
|
-
}), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/
|
|
247
|
+
}), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
240
248
|
className: "statistic-add-number-columns d-flex align-items-center",
|
|
241
249
|
onClick: this.onAddNumericColumn
|
|
242
|
-
}, /*#__PURE__*/
|
|
250
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
243
251
|
className: "dtable-font dtable-icon-add-table mr-2"
|
|
244
|
-
}), /*#__PURE__*/
|
|
252
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
245
253
|
className: "number-column-item add-number-column-description"
|
|
246
|
-
},
|
|
254
|
+
}, _intl.default.get('Add_new_field'))));
|
|
247
255
|
};
|
|
248
256
|
this.onDeleteNumericColumnItem = index => {
|
|
249
257
|
let {
|
|
@@ -268,12 +276,12 @@ class SummarySettings extends Component {
|
|
|
268
276
|
y_axis_left_group_by_numeric_columns = [...y_axis_left_group_by_numeric_columns];
|
|
269
277
|
y_axis_left_group_by_numeric_columns.push({
|
|
270
278
|
column_key: newNumericColumnKey,
|
|
271
|
-
summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
|
|
279
|
+
summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
|
|
272
280
|
});
|
|
273
281
|
} else {
|
|
274
282
|
y_axis_left_group_by_numeric_columns = [{
|
|
275
283
|
column_key: newNumericColumnKey,
|
|
276
|
-
summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
|
|
284
|
+
summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
|
|
277
285
|
}];
|
|
278
286
|
}
|
|
279
287
|
this.props.onChange({
|
|
@@ -292,7 +300,7 @@ class SummarySettings extends Component {
|
|
|
292
300
|
const {
|
|
293
301
|
config
|
|
294
302
|
} = chart;
|
|
295
|
-
const summaryMethods = BaseUtils.isDateSummaryColumn(column) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
|
|
303
|
+
const summaryMethods = _utils.BaseUtils.isDateSummaryColumn(column) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
|
|
296
304
|
if (index === 0) {
|
|
297
305
|
let {
|
|
298
306
|
y_axis_left_summary_method
|
|
@@ -367,7 +375,7 @@ class SummarySettings extends Component {
|
|
|
367
375
|
} = config;
|
|
368
376
|
if (!y_axis_left_group_by_numeric_columns || !Array.isArray(y_axis_left_group_by_numeric_columns)) return null;
|
|
369
377
|
return y_axis_left_group_by_numeric_columns.map((item, index) => {
|
|
370
|
-
return /*#__PURE__*/
|
|
378
|
+
return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
|
|
371
379
|
chart: chart,
|
|
372
380
|
key: "number-column-".concat(index),
|
|
373
381
|
numericColumnOptions: this.numericColumnsOptions,
|
|
@@ -385,8 +393,8 @@ class SummarySettings extends Component {
|
|
|
385
393
|
summaryType,
|
|
386
394
|
useMultipleSummaryColumns
|
|
387
395
|
} = this.props;
|
|
388
|
-
if (config.type === CHART_TYPE.COMBINATION) {
|
|
389
|
-
if (useMultipleSummaryColumns && summaryType === CHART_SUMMARY_TYPE.ADVANCED && config.y_axis_left_group_by_multiple_numeric_column) {
|
|
396
|
+
if (config.type === _constants.CHART_TYPE.COMBINATION) {
|
|
397
|
+
if (useMultipleSummaryColumns && summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED && config.y_axis_left_group_by_multiple_numeric_column) {
|
|
390
398
|
return true;
|
|
391
399
|
}
|
|
392
400
|
}
|
|
@@ -408,7 +416,7 @@ class SummarySettings extends Component {
|
|
|
408
416
|
summaryType
|
|
409
417
|
} = this.props;
|
|
410
418
|
const _useMultipleSummaryColumns = this.useMultipleSummaryColumns();
|
|
411
|
-
return /*#__PURE__*/
|
|
419
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderSummaryTypes(), !_useMultipleSummaryColumns && summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()), _useMultipleSummaryColumns && this.renderNumericSummaryItem());
|
|
412
420
|
}
|
|
413
421
|
}
|
|
414
|
-
|
|
422
|
+
var _default = exports.default = SummarySettings;
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
require("./index.css");
|
|
5
12
|
const Switch = _ref => {
|
|
6
13
|
let {
|
|
7
14
|
checked,
|
|
@@ -10,9 +17,9 @@ const Switch = _ref => {
|
|
|
10
17
|
disabled,
|
|
11
18
|
onChange
|
|
12
19
|
} = _ref;
|
|
13
|
-
return /*#__PURE__*/
|
|
14
|
-
className:
|
|
15
|
-
}, /*#__PURE__*/
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
21
|
+
className: (0, _classnames.default)('sea-chart-parameter-container', className)
|
|
22
|
+
}, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
|
|
16
23
|
key: "custom-switch-checkbox-".concat(checked),
|
|
17
24
|
checked: checked,
|
|
18
25
|
disabled: disabled,
|
|
@@ -21,4 +28,4 @@ const Switch = _ref => {
|
|
|
21
28
|
onChange: onChange
|
|
22
29
|
}));
|
|
23
30
|
};
|
|
24
|
-
|
|
31
|
+
var _default = exports.default = Switch;
|