sea-chart 2.0.38 → 2.0.39
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 +15 -8
- package/dist/components/cell-factory/FormatterConfig.js +62 -55
- package/dist/components/cell-factory/SimpleCellFormatter.js +12 -5
- 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 +38 -30
- 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 +19 -12
- package/dist/components/color-popover/color-rules/color-rule.js +34 -26
- package/dist/components/color-popover/color-rules/index.js +15 -7
- 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 +38 -30
- package/dist/components/color-popover/color-selector-popover.js +20 -12
- package/dist/components/color-setting/color-group-selector.js +21 -13
- package/dist/components/common-add-tool/index.js +15 -8
- package/dist/components/data-process-setter/data-setting-header.js +14 -7
- package/dist/components/data-process-setter/hide-column-setter.js +20 -13
- package/dist/components/data-process-setter/index.js +27 -4
- package/dist/components/data-process-setter/sort-setter.js +26 -18
- 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 +15 -8
- package/dist/components/popover/hide-column-popover/hide-column-popover.js +34 -26
- 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 +24 -17
- package/dist/components/row-card/row-card-header.js +22 -15
- package/dist/components/row-card/row-card-item.js +43 -35
- package/dist/components/row-card/row-card.js +25 -17
- package/dist/components/statistic-record-dialog/index.js +64 -56
- package/dist/components/tooltip/index.js +21 -14
- package/dist/components/types-dialog/index.js +70 -62
- 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 +20 -13
- package/dist/editor/index.js +15 -8
- 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 +19 -12
- 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 +17 -11
- package/dist/settings/advance-bar-settings/data-settings.js +44 -36
- package/dist/settings/advance-bar-settings/index.js +20 -3
- package/dist/settings/advance-bar-settings/style-settings.js +71 -63
- package/dist/settings/bar-settings/data-settings.js +47 -39
- package/dist/settings/bar-settings/index.js +20 -3
- package/dist/settings/bar-settings/style-settings.js +57 -49
- 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 +27 -19
- package/dist/settings/combination-settings/data-settings.js +63 -55
- package/dist/settings/combination-settings/index.js +20 -3
- package/dist/settings/combination-settings/style-settings.js +73 -65
- 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 +28 -20
- 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 +70 -52
- 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 +35 -27
- 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 +73 -65
- package/dist/settings/table-element-settings/components/data-filter.js +38 -30
- 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 +120 -112
- 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 +27 -19
- package/dist/settings/widgets/basic-summary/index.js +63 -55
- package/dist/settings/widgets/chart-type/index.js +26 -18
- package/dist/settings/widgets/color-settings/index.js +80 -72
- package/dist/settings/widgets/common-data-settings.js +29 -21
- package/dist/settings/widgets/data-filter/index.js +43 -35
- package/dist/settings/widgets/data-sort.js +24 -16
- package/dist/settings/widgets/date-summary-item.js +34 -26
- 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 +33 -25
- 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 +82 -74
- package/dist/settings/widgets/switch/index.js +16 -9
- 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 +72 -64
- package/dist/utils/cell-format-utils.js +27 -17
- package/dist/utils/cell-value-utils.js +11 -4
- package/dist/utils/chart-utils/base-utils.js +332 -324
- package/dist/utils/chart-utils/index.js +41 -28
- 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 +28 -21
- package/dist/utils/chart-utils/original-data-utils/completeness-calculator.js +40 -33
- 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 +26 -19
- package/dist/utils/chart-utils/original-data-utils/trend-calculator.js +38 -31
- 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 +31 -19
- package/dist/utils/collaborator.js +15 -6
- package/dist/utils/color-utils.js +29 -18
- package/dist/utils/column-utils.js +104 -77
- package/dist/utils/common-utils.js +53 -28
- package/dist/utils/concurrency-manager.js +7 -1
- package/dist/utils/contexts.js +12 -5
- package/dist/utils/date-translate.js +20 -12
- 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 +221 -54
- package/dist/utils/key-generator.js +9 -2
- package/dist/utils/map.js +31 -22
- package/dist/utils/object-utils.js +8 -2
- package/dist/utils/options-utils.js +18 -10
- package/dist/utils/row-record-utils.js +178 -166
- package/dist/utils/row-utils.js +38 -27
- package/dist/utils/search.js +32 -24
- package/dist/utils/sql/chart-data-sql.js +112 -106
- package/dist/utils/sql/column-2-sql-column.js +168 -158
- package/dist/utils/sql/index.js +27 -3
- package/dist/utils/trend-utils.js +47 -39
- package/dist/view/index.js +96 -90
- package/dist/view/title/index.js +24 -16
- package/dist/view/wrapper/area-group.js +53 -45
- package/dist/view/wrapper/area.js +51 -43
- package/dist/view/wrapper/bar-compare.js +46 -38
- package/dist/view/wrapper/bar-custom-stack.js +47 -39
- package/dist/view/wrapper/bar-group.js +53 -45
- package/dist/view/wrapper/bar-stack.js +56 -48
- package/dist/view/wrapper/bar.js +48 -40
- package/dist/view/wrapper/basic-number-card.js +34 -26
- package/dist/view/wrapper/chart-component.js +131 -123
- package/dist/view/wrapper/combination.js +63 -55
- package/dist/view/wrapper/completeness-group.js +48 -40
- package/dist/view/wrapper/completeness.js +44 -36
- package/dist/view/wrapper/dashboard.js +44 -39
- package/dist/view/wrapper/funnel.js +43 -40
- package/dist/view/wrapper/heat-map.js +70 -62
- package/dist/view/wrapper/horizontal-bar-group.js +60 -52
- package/dist/view/wrapper/horizontal-bar-stack.js +55 -47
- package/dist/view/wrapper/horizontal-bar.js +49 -41
- package/dist/view/wrapper/index.js +115 -107
- package/dist/view/wrapper/line-group.js +51 -43
- package/dist/view/wrapper/line.js +50 -42
- package/dist/view/wrapper/map-bubble.js +48 -40
- package/dist/view/wrapper/map-world-bubble.js +47 -39
- package/dist/view/wrapper/map-world.js +49 -41
- package/dist/view/wrapper/map.js +50 -42
- package/dist/view/wrapper/mirror.js +49 -41
- package/dist/view/wrapper/pie.js +52 -44
- package/dist/view/wrapper/ring.js +57 -49
- package/dist/view/wrapper/scatter.js +50 -42
- package/dist/view/wrapper/table/index.js +22 -14
- 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 +61 -53
- package/dist/view/wrapper/table/pivot-table-display-name.js +90 -82
- package/dist/view/wrapper/table/two-dimension-table.js +93 -85
- package/dist/view/wrapper/table-element/components/dataset-utils.js +36 -23
- package/dist/view/wrapper/table-element/components/formatter.js +99 -90
- package/dist/view/wrapper/table-element/components/formatters/FileFormatter/index.js +32 -23
- package/dist/view/wrapper/table-element/components/formatters/formula-formatter.js +16 -9
- package/dist/view/wrapper/table-element/components/formatters/link-formatter.js +97 -90
- package/dist/view/wrapper/table-element/components/formula-formatter.js +16 -9
- package/dist/view/wrapper/table-element/components/link-formatter.js +97 -90
- package/dist/view/wrapper/table-element/components/record.js +20 -13
- package/dist/view/wrapper/table-element/components/records-body.js +17 -9
- package/dist/view/wrapper/table-element/components/records-header/index.js +15 -7
- package/dist/view/wrapper/table-element/components/records-header/records-header-cell.js +16 -8
- package/dist/view/wrapper/table-element/components/records.js +33 -25
- package/dist/view/wrapper/table-element/components/resize-column-handle/resize-column-handle.js +12 -5
- package/dist/view/wrapper/table-element/components/utils.js +16 -6
- 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 +26 -18
- package/dist/view/wrapper/treemap.js +46 -38
- package/dist/view/wrapper/trend.js +66 -58
- package/package.json +1 -1
|
@@ -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,13 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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 _DTableColumnIcon2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColumnIcon"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _dtableUtils = require("dtable-utils");
|
|
13
|
+
var _reactstrap = require("reactstrap");
|
|
14
|
+
var _utils = require("../../utils");
|
|
15
|
+
var _constants = require("../../constants");
|
|
16
|
+
var _intl = _interopRequireDefault(require("../../intl"));
|
|
17
|
+
var _numericSummaryItem = _interopRequireDefault(require("./numeric-summary-item"));
|
|
18
|
+
class SummarySettings extends _react.Component {
|
|
11
19
|
constructor(_props) {
|
|
12
20
|
super(_props);
|
|
13
21
|
this.initTable = props => {
|
|
@@ -18,7 +26,7 @@ class SummarySettings extends Component {
|
|
|
18
26
|
const {
|
|
19
27
|
table_id
|
|
20
28
|
} = config;
|
|
21
|
-
this.selectedTable = getTableById(tables, table_id);
|
|
29
|
+
this.selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
|
|
22
30
|
};
|
|
23
31
|
this.initColumns = () => {
|
|
24
32
|
if (!this.selectedTable) {
|
|
@@ -30,22 +38,22 @@ class SummarySettings extends Component {
|
|
|
30
38
|
const columns = Array.isArray(this.selectedTable.columns) ? this.selectedTable.columns : [];
|
|
31
39
|
this.columns = this.getAvailableColumns(columns);
|
|
32
40
|
this.columnGroupbyColumnsOptions = this.getColumnOptions(this.columns);
|
|
33
|
-
this.numericColumns = this.columns.filter(column => BaseUtils.isNumericSummaryColumn(column));
|
|
41
|
+
this.numericColumns = this.columns.filter(column => _utils.BaseUtils.isNumericSummaryColumn(column));
|
|
34
42
|
this.numericColumnsOptions = this.getColumnOptions(this.numericColumns);
|
|
35
43
|
};
|
|
36
44
|
this.getAvailableColumns = columns => {
|
|
37
45
|
if (!columns || !Array.isArray(columns)) return [];
|
|
38
|
-
return columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
|
|
46
|
+
return columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
|
|
39
47
|
};
|
|
40
48
|
this.getColumnOptions = columns => {
|
|
41
49
|
const options = columns.map(column => {
|
|
42
50
|
return {
|
|
43
51
|
value: column,
|
|
44
|
-
label: /*#__PURE__*/
|
|
52
|
+
label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
45
53
|
className: "sea-chart-column-icon"
|
|
46
|
-
}, /*#__PURE__*/
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
|
|
47
55
|
column: column
|
|
48
|
-
})), /*#__PURE__*/
|
|
56
|
+
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
49
57
|
className: 'select-module select-module-name ml-0'
|
|
50
58
|
}, column.name))
|
|
51
59
|
};
|
|
@@ -54,9 +62,9 @@ class SummarySettings extends Component {
|
|
|
54
62
|
value: {
|
|
55
63
|
key: 'Groupby_null'
|
|
56
64
|
},
|
|
57
|
-
label: /*#__PURE__*/
|
|
65
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
58
66
|
className: 'select-module select-module-name null-option-name ml-0'
|
|
59
|
-
},
|
|
67
|
+
}, _intl.default.get('Select_a_column')),
|
|
60
68
|
style: {
|
|
61
69
|
color: 'rgba(0, 0, 0, .25)'
|
|
62
70
|
}
|
|
@@ -64,30 +72,30 @@ class SummarySettings extends Component {
|
|
|
64
72
|
};
|
|
65
73
|
this.getSummaryTypeOptions = () => {
|
|
66
74
|
const summaryTypes = [{
|
|
67
|
-
value: CHART_Y_GROUP_TYPE.COUNT,
|
|
68
|
-
label: /*#__PURE__*/
|
|
75
|
+
value: _constants.CHART_Y_GROUP_TYPE.COUNT,
|
|
76
|
+
label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
69
77
|
className: "select-module select-module-name ml-0"
|
|
70
|
-
},
|
|
78
|
+
}, _intl.default.get(_constants.CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/_react.default.createElement("div", {
|
|
71
79
|
className: "summary-type-explanation"
|
|
72
|
-
},
|
|
80
|
+
}, _intl.default.get('Count_the_number_of_records_in_each_group')))
|
|
73
81
|
}, {
|
|
74
|
-
value: CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
|
|
75
|
-
label: /*#__PURE__*/
|
|
82
|
+
value: _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
|
|
83
|
+
label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
76
84
|
className: "select-module select-module-name ml-0"
|
|
77
|
-
},
|
|
85
|
+
}, _intl.default.get(_constants.CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
|
|
78
86
|
className: "summary-type-explanation"
|
|
79
|
-
},
|
|
87
|
+
}, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
|
|
80
88
|
}];
|
|
81
89
|
|
|
82
90
|
// multiple_numeric_column
|
|
83
91
|
if (this.props.useMultipleSummaryColumns) {
|
|
84
92
|
summaryTypes.push({
|
|
85
|
-
value: CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
|
|
86
|
-
label: /*#__PURE__*/
|
|
93
|
+
value: _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
|
|
94
|
+
label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
87
95
|
className: "select-module select-module-name ml-0"
|
|
88
|
-
},
|
|
96
|
+
}, _intl.default.get('Summarize_multiple_fields')), /*#__PURE__*/_react.default.createElement("div", {
|
|
89
97
|
className: "summary-type-explanation"
|
|
90
|
-
},
|
|
98
|
+
}, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
|
|
91
99
|
});
|
|
92
100
|
}
|
|
93
101
|
return summaryTypes;
|
|
@@ -98,42 +106,42 @@ class SummarySettings extends Component {
|
|
|
98
106
|
} = this.props;
|
|
99
107
|
const chartType = config.type;
|
|
100
108
|
let variable = '';
|
|
101
|
-
if (chartType === CHART_TYPE.MAP) {
|
|
109
|
+
if (chartType === _constants.CHART_TYPE.MAP) {
|
|
102
110
|
variable = '位置字段';
|
|
103
111
|
}
|
|
104
|
-
if (chartType === CHART_TYPE.WORLD_MAP) {
|
|
105
|
-
variable =
|
|
112
|
+
if (chartType === _constants.CHART_TYPE.WORLD_MAP) {
|
|
113
|
+
variable = _intl.default.get('Location_field');
|
|
106
114
|
}
|
|
107
|
-
if (chartType === CHART_TYPE.HEAT_MAP) {
|
|
108
|
-
variable =
|
|
115
|
+
if (chartType === _constants.CHART_TYPE.HEAT_MAP) {
|
|
116
|
+
variable = _intl.default.get('Time_field');
|
|
109
117
|
}
|
|
110
|
-
if (chartType === CHART_TYPE.MIRROR) {
|
|
111
|
-
variable =
|
|
118
|
+
if (chartType === _constants.CHART_TYPE.MIRROR) {
|
|
119
|
+
variable = _intl.default.get('Statistic_field');
|
|
112
120
|
}
|
|
113
|
-
if (chartType === CHART_TYPE.COMBINATION) {
|
|
114
|
-
variable =
|
|
121
|
+
if (chartType === _constants.CHART_TYPE.COMBINATION) {
|
|
122
|
+
variable = _intl.default.get('X-axis');
|
|
115
123
|
}
|
|
116
|
-
if (chartType === CHART_TYPE.TREND) {
|
|
124
|
+
if (chartType === _constants.CHART_TYPE.TREND) {
|
|
117
125
|
return {
|
|
118
|
-
count:
|
|
119
|
-
advanced:
|
|
126
|
+
count: _intl.default.get('Calculate_the_number_of_records_in_two_time_periods'),
|
|
127
|
+
advanced: _intl.default.get('Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods')
|
|
120
128
|
};
|
|
121
129
|
}
|
|
122
130
|
return {
|
|
123
|
-
count:
|
|
131
|
+
count: _intl.default.get('Count_by_var', {
|
|
124
132
|
var: variable
|
|
125
133
|
}),
|
|
126
|
-
advanced:
|
|
134
|
+
advanced: _intl.default.get('Compute_sum_max_min_by_var', {
|
|
127
135
|
var: variable
|
|
128
136
|
})
|
|
129
137
|
};
|
|
130
138
|
};
|
|
131
139
|
this.getSummaryMethodsOptions = () => {
|
|
132
|
-
return CHART_SUMMARY_CALCULATION_METHOD.map(method => {
|
|
140
|
+
return _constants.CHART_SUMMARY_CALCULATION_METHOD.map(method => {
|
|
133
141
|
return {
|
|
134
|
-
label: /*#__PURE__*/
|
|
142
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
135
143
|
className: "select-option-name"
|
|
136
|
-
},
|
|
144
|
+
}, _intl.default.get(_constants.CHART_SUMMARY_SHOW[method])),
|
|
137
145
|
value: method
|
|
138
146
|
};
|
|
139
147
|
});
|
|
@@ -146,9 +154,9 @@ class SummarySettings extends Component {
|
|
|
146
154
|
label
|
|
147
155
|
} = this.props;
|
|
148
156
|
const selectedSummaryType = this.getSelectedSummaryType();
|
|
149
|
-
return /*#__PURE__*/
|
|
157
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
150
158
|
className: "sea-chart-parameter-item"
|
|
151
|
-
}, /*#__PURE__*/
|
|
159
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
152
160
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
153
161
|
classNamePrefix: "chart-summary-types",
|
|
154
162
|
value: selectedSummaryType,
|
|
@@ -158,14 +166,14 @@ class SummarySettings extends Component {
|
|
|
158
166
|
};
|
|
159
167
|
this.getSelectedSummaryType = () => {
|
|
160
168
|
const {
|
|
161
|
-
summaryType = CHART_SUMMARY_TYPE.COUNT,
|
|
169
|
+
summaryType = _constants.CHART_SUMMARY_TYPE.COUNT,
|
|
162
170
|
config,
|
|
163
171
|
useMultipleSummaryColumns
|
|
164
172
|
} = this.props;
|
|
165
|
-
if (summaryType === CHART_SUMMARY_TYPE.COUNT) {
|
|
173
|
+
if (summaryType === _constants.CHART_SUMMARY_TYPE.COUNT) {
|
|
166
174
|
return this.summaryTypeOptions[0];
|
|
167
175
|
}
|
|
168
|
-
if (config.type === CHART_TYPE.COMBINATION && config.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
|
|
176
|
+
if (config.type === _constants.CHART_TYPE.COMBINATION && config.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
|
|
169
177
|
return this.summaryTypeOptions[2];
|
|
170
178
|
}
|
|
171
179
|
return this.summaryTypeOptions[1];
|
|
@@ -186,24 +194,24 @@ class SummarySettings extends Component {
|
|
|
186
194
|
summaryColumn
|
|
187
195
|
} = this.props;
|
|
188
196
|
let selectedColumnOption = this.numericColumnsOptions.find(o => o.value.key === summaryColumn);
|
|
189
|
-
return /*#__PURE__*/
|
|
197
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
190
198
|
className: "sea-chart-parameter-item"
|
|
191
|
-
}, /*#__PURE__*/
|
|
199
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
192
200
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
193
201
|
value: selectedColumnOption,
|
|
194
202
|
onChange: this.onSelectSummaryColumn,
|
|
195
203
|
options: this.numericColumnsOptions,
|
|
196
|
-
placeholder:
|
|
204
|
+
placeholder: _intl.default.get('Select_a_column'),
|
|
197
205
|
noOptionsMessage: () => {
|
|
198
|
-
return /*#__PURE__*/
|
|
206
|
+
return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_options'));
|
|
199
207
|
}
|
|
200
208
|
}));
|
|
201
209
|
};
|
|
202
210
|
this.renderSummaryMethod = () => {
|
|
203
211
|
let selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
|
|
204
|
-
return /*#__PURE__*/
|
|
212
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
205
213
|
className: "sea-chart-parameter-item"
|
|
206
|
-
}, /*#__PURE__*/
|
|
214
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
|
|
207
215
|
menuPortalTarget: "#sea-chart-settings-content",
|
|
208
216
|
value: selectedMethodOption,
|
|
209
217
|
onChange: this.onSelectSummaryMethod,
|
|
@@ -222,13 +230,13 @@ class SummarySettings extends Component {
|
|
|
222
230
|
type
|
|
223
231
|
} = config;
|
|
224
232
|
let column_key, summary_method;
|
|
225
|
-
if (type === CHART_TYPE.COMBINATION) {
|
|
233
|
+
if (type === _constants.CHART_TYPE.COMBINATION) {
|
|
226
234
|
column_key = config.y_axis_left_summary_column;
|
|
227
235
|
summary_method = config.y_axis_left_summary_method;
|
|
228
236
|
}
|
|
229
|
-
return /*#__PURE__*/
|
|
237
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
|
|
230
238
|
chart: chart,
|
|
231
|
-
key:
|
|
239
|
+
key: "number-column-".concat(0),
|
|
232
240
|
numericColumnOptions: this.numericColumnsOptions,
|
|
233
241
|
onColumnOptionChange: this.onChangeNumericSummaryColumn,
|
|
234
242
|
onSummaryMethodChange: this.onChangeNumericSummaryMethod,
|
|
@@ -237,14 +245,14 @@ class SummarySettings extends Component {
|
|
|
237
245
|
column_key,
|
|
238
246
|
summary_method
|
|
239
247
|
}
|
|
240
|
-
}), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/
|
|
248
|
+
}), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
241
249
|
className: "statistic-add-number-columns d-flex align-items-center",
|
|
242
250
|
onClick: this.onAddNumericColumn
|
|
243
|
-
}, /*#__PURE__*/
|
|
251
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
244
252
|
className: "dtable-font dtable-icon-add-table mr-2"
|
|
245
|
-
}), /*#__PURE__*/
|
|
253
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
246
254
|
className: "number-column-item add-number-column-description"
|
|
247
|
-
},
|
|
255
|
+
}, _intl.default.get('Add_new_field'))));
|
|
248
256
|
};
|
|
249
257
|
this.onDeleteNumericColumnItem = index => {
|
|
250
258
|
let {
|
|
@@ -269,12 +277,12 @@ class SummarySettings extends Component {
|
|
|
269
277
|
y_axis_left_group_by_numeric_columns = [...y_axis_left_group_by_numeric_columns];
|
|
270
278
|
y_axis_left_group_by_numeric_columns.push({
|
|
271
279
|
column_key: newNumericColumnKey,
|
|
272
|
-
summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
|
|
280
|
+
summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
|
|
273
281
|
});
|
|
274
282
|
} else {
|
|
275
283
|
y_axis_left_group_by_numeric_columns = [{
|
|
276
284
|
column_key: newNumericColumnKey,
|
|
277
|
-
summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
|
|
285
|
+
summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
|
|
278
286
|
}];
|
|
279
287
|
}
|
|
280
288
|
this.props.onChange({
|
|
@@ -293,7 +301,7 @@ class SummarySettings extends Component {
|
|
|
293
301
|
const {
|
|
294
302
|
config
|
|
295
303
|
} = chart;
|
|
296
|
-
const summaryMethods = BaseUtils.isDateSummaryColumn(column) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
|
|
304
|
+
const summaryMethods = _utils.BaseUtils.isDateSummaryColumn(column) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
|
|
297
305
|
if (index === 0) {
|
|
298
306
|
let {
|
|
299
307
|
y_axis_left_summary_method
|
|
@@ -368,9 +376,9 @@ class SummarySettings extends Component {
|
|
|
368
376
|
} = config;
|
|
369
377
|
if (!y_axis_left_group_by_numeric_columns || !Array.isArray(y_axis_left_group_by_numeric_columns)) return null;
|
|
370
378
|
return y_axis_left_group_by_numeric_columns.map((item, index) => {
|
|
371
|
-
return /*#__PURE__*/
|
|
379
|
+
return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
|
|
372
380
|
chart: chart,
|
|
373
|
-
key:
|
|
381
|
+
key: "number-column-".concat(index),
|
|
374
382
|
numericColumnOptions: this.numericColumnsOptions,
|
|
375
383
|
onColumnOptionChange: this.onChangeNumericSummaryColumn,
|
|
376
384
|
onSummaryMethodChange: this.onChangeNumericSummaryMethod,
|
|
@@ -386,8 +394,8 @@ class SummarySettings extends Component {
|
|
|
386
394
|
summaryType,
|
|
387
395
|
useMultipleSummaryColumns
|
|
388
396
|
} = this.props;
|
|
389
|
-
if (config.type === CHART_TYPE.COMBINATION) {
|
|
390
|
-
if (useMultipleSummaryColumns && summaryType === CHART_SUMMARY_TYPE.ADVANCED && config.y_axis_left_group_by_multiple_numeric_column) {
|
|
397
|
+
if (config.type === _constants.CHART_TYPE.COMBINATION) {
|
|
398
|
+
if (useMultipleSummaryColumns && summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED && config.y_axis_left_group_by_multiple_numeric_column) {
|
|
391
399
|
return true;
|
|
392
400
|
}
|
|
393
401
|
}
|
|
@@ -409,7 +417,7 @@ class SummarySettings extends Component {
|
|
|
409
417
|
summaryType
|
|
410
418
|
} = this.props;
|
|
411
419
|
const _useMultipleSummaryColumns = this.useMultipleSummaryColumns();
|
|
412
|
-
return /*#__PURE__*/
|
|
420
|
+
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());
|
|
413
421
|
}
|
|
414
422
|
}
|
|
415
|
-
|
|
423
|
+
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,10 +17,10 @@ const Switch = _ref => {
|
|
|
10
17
|
disabled,
|
|
11
18
|
onChange
|
|
12
19
|
} = _ref;
|
|
13
|
-
return /*#__PURE__*/
|
|
14
|
-
className:
|
|
15
|
-
}, /*#__PURE__*/
|
|
16
|
-
key:
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
21
|
+
className: (0, _classnames.default)('sea-chart-parameter-container', className)
|
|
22
|
+
}, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
|
|
23
|
+
key: "custom-switch-checkbox-".concat(checked),
|
|
17
24
|
checked: checked,
|
|
18
25
|
disabled: disabled,
|
|
19
26
|
switchClassName: "sea-chart-toggle-parameter",
|
|
@@ -21,4 +28,4 @@ const Switch = _ref => {
|
|
|
21
28
|
onChange: onChange
|
|
22
29
|
}));
|
|
23
30
|
};
|
|
24
|
-
|
|
31
|
+
var _default = exports.default = Switch;
|