dtable-statistic 4.3.4 → 4.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (222) hide show
  1. package/es/api/dtable-db-api.js +10 -3
  2. package/es/calculator/base-calculator.js +20 -12
  3. package/es/calculator/basic-chart-calculator.js +72 -65
  4. package/es/calculator/combination-calculator.js +64 -57
  5. package/es/calculator/compare-bar-calculator.js +33 -26
  6. package/es/calculator/completeness-calculator.js +37 -30
  7. package/es/calculator/copy-value.js +7 -1
  8. package/es/calculator/dashboard-calculator.js +20 -13
  9. package/es/calculator/heat-map-calculator.js +25 -18
  10. package/es/calculator/horizontal-bar-calculator.js +15 -8
  11. package/es/calculator/index.js +42 -35
  12. package/es/calculator/map-calculator.js +29 -22
  13. package/es/calculator/mirror-calculator.js +27 -20
  14. package/es/calculator/number-card-calculator.js +17 -10
  15. package/es/calculator/pivot-table-calculator.js +65 -58
  16. package/es/calculator/scatter-calculator.js +21 -14
  17. package/es/calculator/thread-manager.js +7 -1
  18. package/es/calculator/trend-calculator.js +29 -22
  19. package/es/calculator/workers/basic-chart-calculator-worker.js +83 -76
  20. package/es/calculator/workers/calculator.worker.js +33 -30
  21. package/es/calculator/workers/card-calculator-worker.js +19 -13
  22. package/es/calculator/workers/combination-calculator-worker.js +53 -46
  23. package/es/calculator/workers/compare-bar-chart-calculator-worker.js +29 -22
  24. package/es/calculator/workers/completeness-calculator-worker.js +41 -34
  25. package/es/calculator/workers/dashboard-calculator-worker.js +24 -18
  26. package/es/calculator/workers/mirror-calculator-worker.js +29 -22
  27. package/es/calculator/workers/pivot-table-calculator-worker.js +84 -77
  28. package/es/calculator/workers/scatter-calculator-worker.js +27 -20
  29. package/es/calculator/workers/trend-calculator-worker.js +34 -27
  30. package/es/calculator/world-map-calculator.js +24 -17
  31. package/es/components/common-add-tool.js +12 -5
  32. package/es/components/dialog/chart-addition-edit-dialog.js +20 -12
  33. package/es/components/dialog/chart-addition-widgets/chart-selector.js +108 -101
  34. package/es/components/dialog/color-theme-dialog.js +22 -15
  35. package/es/components/dialog/delete-confirmation-dialog.js +18 -11
  36. package/es/components/dialog/enlarged-chart-dialog.js +28 -20
  37. package/es/components/dialog/new-table-dialog.js +23 -16
  38. package/es/components/dialog/new-view-dialog.js +21 -14
  39. package/es/components/dialog/rename-view-dialog.js +22 -14
  40. package/es/components/dialog/statistic-record-dialog/index.js +45 -37
  41. package/es/components/dialog/statistic-types-dialog/index.js +22 -14
  42. package/es/components/dialog/table-select-dialog.js +23 -15
  43. package/es/components/dropdown-menu/statistic-dropdown-menu.js +49 -41
  44. package/es/components/dtable-popover.js +19 -12
  45. package/es/components/dtable-search-input.js +21 -13
  46. package/es/components/dtable-select.js +20 -12
  47. package/es/components/icon.js +11 -4
  48. package/es/components/index.js +76 -11
  49. package/es/components/loading.js +10 -3
  50. package/es/components/modal-portal.js +12 -5
  51. package/es/components/popover/color-rules/color-rule.js +33 -25
  52. package/es/components/popover/color-rules/index.js +14 -6
  53. package/es/components/popover/color-rules/rule-filters/filter.js +34 -27
  54. package/es/components/popover/color-rules/rule-filters/index.js +25 -17
  55. package/es/components/popover/color-rules/rule-filters/number-input.js +17 -9
  56. package/es/components/popover/color-rules-popover.js +32 -24
  57. package/es/components/popover/color-selector-popover.js +17 -10
  58. package/es/components/seatable-radio/index.js +16 -9
  59. package/es/components/select/index.js +9 -2
  60. package/es/components/select/option-group.js +27 -19
  61. package/es/components/select/option.js +14 -6
  62. package/es/components/select/select.js +25 -17
  63. package/es/components/toast/alert.js +31 -24
  64. package/es/components/toast/index.js +10 -3
  65. package/es/components/toast/toast.js +20 -12
  66. package/es/components/toast/toastManager.js +17 -9
  67. package/es/components/toast/toaster.js +14 -6
  68. package/es/constants/color-rules.js +12 -6
  69. package/es/constants/dtable-select-style.js +9 -4
  70. package/es/constants/event-types.js +10 -4
  71. package/es/constants/index.js +96 -67
  72. package/es/constants/key-codes.js +2 -0
  73. package/es/constants/map.js +8 -2
  74. package/es/constants/model.js +26 -20
  75. package/es/constants/regions.js +8 -3
  76. package/es/constants/zIndexes.js +7 -1
  77. package/es/custom-g2.js +236 -208
  78. package/es/dashboard.js +58 -50
  79. package/es/desktop-dashboard.js +55 -47
  80. package/es/index.js +6 -3
  81. package/es/locale/index.js +13 -10
  82. package/es/locale/lang/de.js +7 -1
  83. package/es/locale/lang/en.js +7 -1
  84. package/es/locale/lang/fr.js +7 -1
  85. package/es/locale/lang/zh_CN.js +7 -1
  86. package/es/mobile-dashboard.js +46 -38
  87. package/es/model/bar-group.js +19 -11
  88. package/es/model/bar.js +18 -10
  89. package/es/model/base-model.js +9 -2
  90. package/es/model/basic-number-card.js +16 -8
  91. package/es/model/collaborators.js +9 -2
  92. package/es/model/combination.js +20 -12
  93. package/es/model/compare-bar.js +24 -16
  94. package/es/model/completeness-group.js +16 -8
  95. package/es/model/completeness.js +13 -5
  96. package/es/model/custom-bar.js +14 -6
  97. package/es/model/dashboard.js +14 -6
  98. package/es/model/generic-model.js +141 -133
  99. package/es/model/heat-map.js +19 -11
  100. package/es/model/horizontal-bar-group.js +18 -10
  101. package/es/model/horizontal-bar.js +18 -10
  102. package/es/model/index.js +185 -53
  103. package/es/model/map.js +23 -15
  104. package/es/model/mirror.js +21 -13
  105. package/es/model/pie.js +18 -10
  106. package/es/model/ring.js +19 -11
  107. package/es/model/scatter.js +14 -6
  108. package/es/model/statistic-dashboard.js +9 -2
  109. package/es/model/table.js +18 -10
  110. package/es/model/trend.js +20 -12
  111. package/es/model/world-map.js +21 -13
  112. package/es/service/chart-service.js +14 -7
  113. package/es/service/dashboard-service.js +41 -34
  114. package/es/service/map-json.js +14 -8
  115. package/es/stat-editor/chart-name-editor.js +15 -8
  116. package/es/stat-editor/index.js +24 -16
  117. package/es/stat-editor/stat-settings/advance-chart-settings/basic-number-card-settings.js +29 -21
  118. package/es/stat-editor/stat-settings/advance-chart-settings/combination-settings.js +57 -49
  119. package/es/stat-editor/stat-settings/advance-chart-settings/dashboard-chart-settings.js +31 -23
  120. package/es/stat-editor/stat-settings/advance-chart-settings/geo-granularity-settings.js +11 -4
  121. package/es/stat-editor/stat-settings/advance-chart-settings/heat-map-settings.js +27 -19
  122. package/es/stat-editor/stat-settings/advance-chart-settings/index.js +51 -43
  123. package/es/stat-editor/stat-settings/advance-chart-settings/map-settings.js +31 -23
  124. package/es/stat-editor/stat-settings/advance-chart-settings/mirror-settings.js +31 -23
  125. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/combination-style-setting.js +45 -37
  126. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/heat-map-settings.js +27 -19
  127. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/map-setting.js +34 -26
  128. package/es/stat-editor/stat-settings/advance-chart-settings/summary-settings.js +55 -47
  129. package/es/stat-editor/stat-settings/advance-chart-settings/trend-chart-settings.js +30 -22
  130. package/es/stat-editor/stat-settings/advance-chart-settings/world-map-settings.js +26 -18
  131. package/es/stat-editor/stat-settings/basic-chart-settings/advance-bar-chart-settings.js +35 -27
  132. package/es/stat-editor/stat-settings/basic-chart-settings/bar-settings.js +32 -24
  133. package/es/stat-editor/stat-settings/basic-chart-settings/completeness-chart-settings.js +41 -33
  134. package/es/stat-editor/stat-settings/basic-chart-settings/custom-bar-settings.js +30 -22
  135. package/es/stat-editor/stat-settings/basic-chart-settings/groupby-settings.js +26 -18
  136. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-axis-group-settings.js +54 -46
  137. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-bar-settings.js +31 -23
  138. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-group-chart-settings.js +34 -26
  139. package/es/stat-editor/stat-settings/basic-chart-settings/index.js +85 -77
  140. package/es/stat-editor/stat-settings/basic-chart-settings/pie-settings.js +29 -21
  141. package/es/stat-editor/stat-settings/basic-chart-settings/pivot-table-settings.js +81 -73
  142. package/es/stat-editor/stat-settings/basic-chart-settings/scatter-settings.js +24 -16
  143. package/es/stat-editor/stat-settings/basic-chart-settings/stack-item-settings.js +27 -19
  144. package/es/stat-editor/stat-settings/basic-chart-settings/stacks-settings.js +26 -18
  145. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/bar-chart-style-setting.js +57 -49
  146. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/completeness-style.js +25 -17
  147. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js +55 -47
  148. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/label-font-size-editor.js +19 -11
  149. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js +53 -45
  150. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/time-compare-style.js +17 -9
  151. package/es/stat-editor/stat-settings/basic-chart-settings/summary-method-setting.js +28 -20
  152. package/es/stat-editor/stat-settings/basic-chart-settings/summary-settings.js +38 -30
  153. package/es/stat-editor/stat-settings/basic-chart-settings/time-comparison-settings.js +58 -50
  154. package/es/stat-editor/stat-settings/basic-chart-settings/timer-picker.js +25 -17
  155. package/es/stat-editor/stat-settings/basic-chart-settings/y-axis-group-settings.js +55 -47
  156. package/es/stat-editor/stat-settings/color-setting/color-group-selector.js +19 -11
  157. package/es/stat-editor/stat-settings/color-setting/color-picker.js +19 -12
  158. package/es/stat-editor/stat-settings/color-setting/color-use-type-selector.js +70 -62
  159. package/es/stat-editor/stat-settings/map/map-level.js +20 -13
  160. package/es/stat-editor/stat-settings/map/map-province-city.js +27 -20
  161. package/es/stat-editor/stat-settings/public-setting/axis-label-position-setting.js +19 -11
  162. package/es/stat-editor/stat-settings/public-setting/base-settings.js +28 -20
  163. package/es/stat-editor/stat-settings/public-setting/calender.js +29 -22
  164. package/es/stat-editor/stat-settings/public-setting/column-settings.js +13 -6
  165. package/es/stat-editor/stat-settings/public-setting/custom-title-setting.js +16 -9
  166. package/es/stat-editor/stat-settings/public-setting/data-sort-setting.js +21 -13
  167. package/es/stat-editor/stat-settings/public-setting/ind-toggle-setting.js +15 -8
  168. package/es/stat-editor/stat-settings/public-setting/min-max-setting.js +19 -11
  169. package/es/stat-editor/stat-settings/public-setting/numeric-summary-item.js +35 -27
  170. package/es/stat-editor/stat-settings/public-setting/toggle-setting.js +15 -8
  171. package/es/stat-editor/stat-settings/public-setting/type-settings/index.js +26 -18
  172. package/es/stat-list/chart-preview.js +28 -20
  173. package/es/stat-list/index.js +35 -27
  174. package/es/stat-view/area-chart.js +50 -43
  175. package/es/stat-view/bar-chart.js +54 -47
  176. package/es/stat-view/base-chart.js +32 -24
  177. package/es/stat-view/basic-number-card.js +26 -19
  178. package/es/stat-view/combination-chart.js +56 -49
  179. package/es/stat-view/compare-chart.js +46 -39
  180. package/es/stat-view/completeness-chart.js +35 -28
  181. package/es/stat-view/custom-bar.js +38 -31
  182. package/es/stat-view/dashboard-chart.js +22 -15
  183. package/es/stat-view/heat-map.js +50 -43
  184. package/es/stat-view/horizontal-bar-chart.js +58 -51
  185. package/es/stat-view/index.js +80 -73
  186. package/es/stat-view/line-chart.js +46 -39
  187. package/es/stat-view/map.js +40 -33
  188. package/es/stat-view/mirror.js +28 -21
  189. package/es/stat-view/pie-chart.js +36 -29
  190. package/es/stat-view/pivot-table/index.js +39 -32
  191. package/es/stat-view/pivot-table/one-dimension-table-no-numeric-columns.js +39 -31
  192. package/es/stat-view/pivot-table/one-dimension-table-with-numeric-columns.js +37 -29
  193. package/es/stat-view/pivot-table/pivot-table-display-name.js +72 -70
  194. package/es/stat-view/pivot-table/two-dimension-table.js +70 -62
  195. package/es/stat-view/ring-chart.js +45 -38
  196. package/es/stat-view/scatter-chart.js +37 -30
  197. package/es/stat-view/treemap-chart.js +44 -37
  198. package/es/stat-view/trend-chart.js +39 -32
  199. package/es/stat-view/world-map.js +40 -33
  200. package/es/tabs/index.js +40 -32
  201. package/es/tabs/tab.js +34 -26
  202. package/es/utils/basic-chart-utils.js +9 -2
  203. package/es/utils/cell-format.js +22 -14
  204. package/es/utils/cell-value.js +14 -7
  205. package/es/utils/collaborator.js +13 -4
  206. package/es/utils/color-utils.js +29 -18
  207. package/es/utils/column-utils.js +29 -18
  208. package/es/utils/column.js +11 -4
  209. package/es/utils/common-utils.js +65 -41
  210. package/es/utils/date-format.js +8 -2
  211. package/es/utils/export-table-utils.js +91 -82
  212. package/es/utils/index.js +100 -11
  213. package/es/utils/map.js +36 -26
  214. package/es/utils/model.js +14 -6
  215. package/es/utils/object.js +15 -6
  216. package/es/utils/pivot-table.js +23 -16
  217. package/es/utils/row-utils.js +33 -23
  218. package/es/utils/search.js +29 -21
  219. package/es/utils/sql-utils.js +75 -65
  220. package/es/utils/stat-utils.js +69 -67
  221. package/es/utils/trend-utils.js +40 -32
  222. package/package.json +3 -3
package/es/dashboard.js CHANGED
@@ -1,22 +1,30 @@
1
- import React, { Component } from 'react';
2
- import intl from 'react-intl-universal';
3
- import { TableUtils, Views } from 'dtable-store';
4
- import StatisticDashBoard from './model/statistic-dashboard';
5
- import DashBoardService from './service/dashboard-service';
6
- import ChartService from './service/chart-service';
7
- import { MapJsonService } from './service/map-json';
8
- import DesktopDashboard from './desktop-dashboard';
9
- import MobileDashboard from './mobile-dashboard';
10
- import ThreadManager from './calculator/thread-manager';
11
- import ChartCalculator from './calculator';
12
- import { hasOwnProperty, isMobile } from './utils';
13
- import { generatorUniqueId } from './utils/common-utils';
14
- import { CommonEventTypes, DASHBOARD_ACTION_TYPE, KEY_SELECTED_DASHBOARD, LABEL_COLORS } from './constants';
15
- import './locale';
16
- import './assets/css/dashboard.css';
17
- import './assets/css/theme.css';
18
- import './assets/css/dialog.css';
19
- class DashBoard extends Component {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
+ var _dtableStore = require("dtable-store");
12
+ var _statisticDashboard = _interopRequireDefault(require("./model/statistic-dashboard"));
13
+ var _dashboardService = _interopRequireDefault(require("./service/dashboard-service"));
14
+ var _chartService = _interopRequireDefault(require("./service/chart-service"));
15
+ var _mapJson = require("./service/map-json");
16
+ var _desktopDashboard = _interopRequireDefault(require("./desktop-dashboard"));
17
+ var _mobileDashboard = _interopRequireDefault(require("./mobile-dashboard"));
18
+ var _threadManager = _interopRequireDefault(require("./calculator/thread-manager"));
19
+ var _calculator = _interopRequireDefault(require("./calculator"));
20
+ var _utils = require("./utils");
21
+ var _commonUtils = require("./utils/common-utils");
22
+ var _constants = require("./constants");
23
+ require("./locale");
24
+ require("./assets/css/dashboard.css");
25
+ require("./assets/css/theme.css");
26
+ require("./assets/css/dialog.css");
27
+ class DashBoard extends _react.Component {
20
28
  constructor(props) {
21
29
  super(props);
22
30
  this.loadSvg = () => {
@@ -72,13 +80,13 @@ class DashBoard extends Component {
72
80
  userId
73
81
  } = window.dtable;
74
82
  const value = this.value;
75
- this.chartCalculator = new ChartCalculator({
83
+ this.chartCalculator = new _calculator.default({
76
84
  username,
77
85
  userId,
78
86
  value,
79
87
  statisticThreadManager: this.statisticThreadManager
80
88
  });
81
- this.dashboardService = new DashBoardService({
89
+ this.dashboardService = new _dashboardService.default({
82
90
  value,
83
91
  defaultDashboardName: this.defaultDashboardName,
84
92
  chartCalculator: this.chartCalculator,
@@ -89,7 +97,7 @@ class DashBoard extends Component {
89
97
  this.initLabelColorConfigs();
90
98
  const statistics = this.dashboardService.getStatistics();
91
99
  const validStatistics = this.dashboardService.getValidStatistics(statistics);
92
- let selectedDashboardIdx = this.getSelectedDashboardIdxFromLocal(KEY_SELECTED_DASHBOARD) || 0;
100
+ let selectedDashboardIdx = this.getSelectedDashboardIdxFromLocal(_constants.KEY_SELECTED_DASHBOARD) || 0;
93
101
  if (!statistics[selectedDashboardIdx]) {
94
102
  selectedDashboardIdx = 0;
95
103
  }
@@ -102,7 +110,7 @@ class DashBoard extends Component {
102
110
  const systemCustomColors = window.dtable.customColors || [];
103
111
  const baseSettings = this.value && this.value.settings;
104
112
  const baseCustomColors = baseSettings && baseSettings.custom_colors || [];
105
- this.labelColorConfigs = [...LABEL_COLORS.map(color => ({
113
+ this.labelColorConfigs = [..._constants.LABEL_COLORS.map(color => ({
106
114
  color: color.toUpperCase(),
107
115
  text_color: '#fff'
108
116
  })), ...systemCustomColors.map(customColor => ({
@@ -130,16 +138,16 @@ class DashBoard extends Component {
130
138
  const {
131
139
  dtableUuid
132
140
  } = window.dtable;
133
- const selectedViewIdsString = window.localStorage.getItem(KEY_SELECTED_DASHBOARD);
141
+ const selectedViewIdsString = window.localStorage.getItem(_constants.KEY_SELECTED_DASHBOARD);
134
142
  let selectedViewIds = selectedViewIdsString ? JSON.parse(selectedViewIdsString) : {};
135
143
  selectedViewIds[dtableUuid] = index;
136
- localStorage.setItem(KEY_SELECTED_DASHBOARD, JSON.stringify(selectedViewIds));
144
+ localStorage.setItem(_constants.KEY_SELECTED_DASHBOARD, JSON.stringify(selectedViewIds));
137
145
  };
138
146
  this.getActiveTable = () => {
139
147
  const {
140
148
  activeTableIdx
141
149
  } = this.props;
142
- return TableUtils.getTableByIndex(this.value.tables, activeTableIdx);
150
+ return _dtableStore.TableUtils.getTableByIndex(this.value.tables, activeTableIdx);
143
151
  };
144
152
  this.getActiveView = () => {
145
153
  const {
@@ -147,7 +155,7 @@ class DashBoard extends Component {
147
155
  } = this.props;
148
156
  const selectedTable = this.getActiveTable();
149
157
  if (!activeViewId) return selectedTable.views[0];
150
- return Views.getViewById(selectedTable.views, activeViewId);
158
+ return _dtableStore.Views.getViewById(selectedTable.views, activeViewId);
151
159
  };
152
160
  this.getInitChart = _ref2 => {
153
161
  let {
@@ -185,7 +193,7 @@ class DashBoard extends Component {
185
193
  };
186
194
  this.modifyColorTheme = colorThemeName => {
187
195
  const updatedStatistics = this.dashboardService.update({
188
- action: DASHBOARD_ACTION_TYPE.MODIFY_COLOR_THEME,
196
+ action: _constants.DASHBOARD_ACTION_TYPE.MODIFY_COLOR_THEME,
189
197
  payload: {
190
198
  colorThemeName
191
199
  }
@@ -198,13 +206,13 @@ class DashBoard extends Component {
198
206
  const {
199
207
  statistics
200
208
  } = this.state;
201
- const dashboard = new StatisticDashBoard({
202
- _id: generatorUniqueId(statistics),
209
+ const dashboard = new _statisticDashboard.default({
210
+ _id: (0, _commonUtils.generatorUniqueId)(statistics),
203
211
  stat_items: [],
204
212
  name
205
213
  });
206
214
  const updatedStatistics = this.dashboardService.update({
207
- action: DASHBOARD_ACTION_TYPE.ADD_DASHBOARD,
215
+ action: _constants.DASHBOARD_ACTION_TYPE.ADD_DASHBOARD,
208
216
  payload: {
209
217
  dashboard
210
218
  }
@@ -224,7 +232,7 @@ class DashBoard extends Component {
224
232
  selectedDashboardIdx
225
233
  } = this.state;
226
234
  const updatedStatistics = this.dashboardService.update({
227
- action: DASHBOARD_ACTION_TYPE.RENAME_DASHBOARD,
235
+ action: _constants.DASHBOARD_ACTION_TYPE.RENAME_DASHBOARD,
228
236
  payload: {
229
237
  index: selectedDashboardIdx,
230
238
  name
@@ -244,7 +252,7 @@ class DashBoard extends Component {
244
252
  nextSelectedDashboardIdx--;
245
253
  }
246
254
  const updatedStatistics = this.dashboardService.update({
247
- action: DASHBOARD_ACTION_TYPE.DELETE_DASHBOARD,
255
+ action: _constants.DASHBOARD_ACTION_TYPE.DELETE_DASHBOARD,
248
256
  payload: {
249
257
  index
250
258
  }
@@ -258,7 +266,7 @@ class DashBoard extends Component {
258
266
  };
259
267
  this.moveDashboard = (draggedDashboardId, targetBoardId, relativePosition) => {
260
268
  const updatedStatistics = this.dashboardService.update({
261
- action: DASHBOARD_ACTION_TYPE.MOVE_DASHBOARD,
269
+ action: _constants.DASHBOARD_ACTION_TYPE.MOVE_DASHBOARD,
262
270
  payload: {
263
271
  draggedDashboardId,
264
272
  targetBoardId,
@@ -283,7 +291,7 @@ class DashBoard extends Component {
283
291
  return;
284
292
  }
285
293
  const updatedStatistics = this.dashboardService.update({
286
- action: DASHBOARD_ACTION_TYPE.MODIFY_DASHBOARD_LAYOUT,
294
+ action: _constants.DASHBOARD_ACTION_TYPE.MODIFY_DASHBOARD_LAYOUT,
287
295
  payload: {
288
296
  index: this.state.selectedDashboardIdx,
289
297
  layout
@@ -310,7 +318,7 @@ class DashBoard extends Component {
310
318
  this.moveChartToView = (chartId, viewId) => {
311
319
  this.disabledUpdateLayout = true;
312
320
  const updatedStatistics = this.dashboardService.update({
313
- action: DASHBOARD_ACTION_TYPE.MOVE_CHART_TO_VIEW,
321
+ action: _constants.DASHBOARD_ACTION_TYPE.MOVE_CHART_TO_VIEW,
314
322
  payload: {
315
323
  index: this.state.selectedDashboardIdx,
316
324
  chart_id: chartId,
@@ -324,7 +332,7 @@ class DashBoard extends Component {
324
332
  this.deleteChart = chartId => {
325
333
  this.disabledUpdateLayout = true;
326
334
  const updatedStatistics = this.dashboardService.update({
327
- action: DASHBOARD_ACTION_TYPE.DELETE_CHART,
335
+ action: _constants.DASHBOARD_ACTION_TYPE.DELETE_CHART,
328
336
  payload: {
329
337
  index: this.state.selectedDashboardIdx,
330
338
  chart_id: chartId
@@ -340,7 +348,7 @@ class DashBoard extends Component {
340
348
  }
341
349
  this.disabledUpdateLayout = true;
342
350
  const updatedStatistics = this.dashboardService.update({
343
- action: DASHBOARD_ACTION_TYPE.ADD_CHART,
351
+ action: _constants.DASHBOARD_ACTION_TYPE.ADD_CHART,
344
352
  payload: {
345
353
  index: this.state.selectedDashboardIdx,
346
354
  chart
@@ -355,7 +363,7 @@ class DashBoard extends Component {
355
363
  };
356
364
  this.modifyChart = chart => {
357
365
  const updatedStatistics = this.dashboardService.update({
358
- action: DASHBOARD_ACTION_TYPE.MODIFY_CHART,
366
+ action: _constants.DASHBOARD_ACTION_TYPE.MODIFY_CHART,
359
367
  payload: {
360
368
  index: this.state.selectedDashboardIdx,
361
369
  chart
@@ -373,7 +381,7 @@ class DashBoard extends Component {
373
381
  let validUpdates = {
374
382
  ...updates
375
383
  };
376
- if (hasOwnProperty(updates, 'statistics')) {
384
+ if ((0, _utils.hasOwnProperty)(updates, 'statistics')) {
377
385
  validUpdates.statistics = this.dashboardService.getValidStatistics(statistics);
378
386
  }
379
387
  this.setState(validUpdates, () => {
@@ -382,7 +390,7 @@ class DashBoard extends Component {
382
390
  });
383
391
  };
384
392
  this.getTableById = tableId => {
385
- return TableUtils.getTableById(this.value.tables, tableId);
393
+ return _dtableStore.TableUtils.getTableById(this.value.tables, tableId);
386
394
  };
387
395
  this.getTables = () => {
388
396
  return this.value.tables;
@@ -416,14 +424,14 @@ class DashBoard extends Component {
416
424
  const {
417
425
  value: _value
418
426
  } = props;
419
- const defaultChartTitle = intl.get('Untitled');
420
- this.defaultDashboardName = intl.get('Default_dashboard');
427
+ const defaultChartTitle = _reactIntlUniversal.default.get('Untitled');
428
+ this.defaultDashboardName = _reactIntlUniversal.default.get('Default_dashboard');
421
429
  this.value = _value;
422
- this.chartService = new ChartService({
430
+ this.chartService = new _chartService.default({
423
431
  defaultChartTitle
424
432
  });
425
- this.statisticThreadManager = new ThreadManager((navigator.hardwareConcurrency || 4) - 1);
426
- this.mapJsonService = new MapJsonService({
433
+ this.statisticThreadManager = new _threadManager.default((navigator.hardwareConcurrency || 4) - 1);
434
+ this.mapJsonService = new _mapJson.MapJsonService({
427
435
  mediaUrl
428
436
  });
429
437
  const {
@@ -446,7 +454,7 @@ class DashBoard extends Component {
446
454
  } = this.props;
447
455
  this.unsubscribeLocalDtableChanged = eventBus.subscribe('local-dtable-changed', this.onLocalDTableChanged);
448
456
  this.unsubscribeRemoteDtableChange = eventBus.subscribe('remote-dtable-changed', this.onServerDTableChanged);
449
- this.unsubscribeRefreshCharts = eventBus.subscribe(CommonEventTypes.REFRESH_CHARTS, this.refreshCharts);
457
+ this.unsubscribeRefreshCharts = eventBus.subscribe(_constants.CommonEventTypes.REFRESH_CHARTS, this.refreshCharts);
450
458
  }
451
459
  componentWillUnmount() {
452
460
  this.unsubscribeLocalDtableChanged();
@@ -466,7 +474,7 @@ class DashBoard extends Component {
466
474
  } = this.state;
467
475
  const isTableReadOnly = this.isTableReadOnly();
468
476
  const colorThemeName = this.dashboardService.getColorThemeName();
469
- return isMobile ? /*#__PURE__*/React.createElement(MobileDashboard, {
477
+ return _utils.isMobile ? /*#__PURE__*/_react.default.createElement(_mobileDashboard.default, {
470
478
  isTableReadOnly: isTableReadOnly,
471
479
  colorThemeName: colorThemeName,
472
480
  dtableChangedTime: dtableChangedTime,
@@ -482,7 +490,7 @@ class DashBoard extends Component {
482
490
  deleteDashboard: this.deleteDashboard,
483
491
  getTableById: this.getTableById,
484
492
  queryMapJson: this.queryMapJson
485
- }) : /*#__PURE__*/React.createElement(DesktopDashboard, {
493
+ }) : /*#__PURE__*/_react.default.createElement(_desktopDashboard.default, {
486
494
  isTableReadOnly: isTableReadOnly,
487
495
  colorThemeName: colorThemeName,
488
496
  dtableChangedTime: dtableChangedTime,
@@ -517,4 +525,4 @@ class DashBoard extends Component {
517
525
  });
518
526
  }
519
527
  }
520
- export default DashBoard;
528
+ var _default = exports.default = DashBoard;
@@ -1,17 +1,25 @@
1
- import React, { Component } from 'react';
2
- import classnames from 'classnames';
3
- import { UncontrolledTooltip } from 'reactstrap';
4
- import intl from 'react-intl-universal';
5
- import Tabs from './tabs';
6
- import StatList from './stat-list';
7
- import ColorThemeDialog from './components/dialog/color-theme-dialog';
8
- import ChartAdditionEditDialog from './components/dialog/chart-addition-edit-dialog';
9
- import StatisticRecordDialog from './components/dialog/statistic-record-dialog';
10
- import ChartService from './service/chart-service';
11
- import { THEME_NAME_MAP } from './constants';
12
- import logo from './assets/images/icon.png';
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _classnames = _interopRequireDefault(require("classnames"));
11
+ var _reactstrap = require("reactstrap");
12
+ var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
13
+ var _tabs = _interopRequireDefault(require("./tabs"));
14
+ var _statList = _interopRequireDefault(require("./stat-list"));
15
+ var _colorThemeDialog = _interopRequireDefault(require("./components/dialog/color-theme-dialog"));
16
+ var _chartAdditionEditDialog = _interopRequireDefault(require("./components/dialog/chart-addition-edit-dialog"));
17
+ var _statisticRecordDialog = _interopRequireDefault(require("./components/dialog/statistic-record-dialog"));
18
+ var _chartService = _interopRequireDefault(require("./service/chart-service"));
19
+ var _constants = require("./constants");
20
+ var _icon = _interopRequireDefault(require("./assets/images/icon.png"));
13
21
  const KEY_LOCAL_THEME_MODE = 'statistics-theme-mode';
14
- class DesktopDashboard extends Component {
22
+ class DesktopDashboard extends _react.Component {
15
23
  constructor(props) {
16
24
  var _this;
17
25
  super(props);
@@ -33,7 +41,7 @@ class DesktopDashboard extends Component {
33
41
  });
34
42
  };
35
43
  this.toggleThemeMode = () => {
36
- const theme = this.state.theme === THEME_NAME_MAP.DARK ? THEME_NAME_MAP.LIGHT : THEME_NAME_MAP.DARK;
44
+ const theme = this.state.theme === _constants.THEME_NAME_MAP.DARK ? _constants.THEME_NAME_MAP.LIGHT : _constants.THEME_NAME_MAP.DARK;
37
45
  this.setState({
38
46
  theme
39
47
  }, () => {
@@ -121,8 +129,8 @@ class DesktopDashboard extends Component {
121
129
  if (!Array.isArray(statistics)) return [];
122
130
  return statistics.filter((_, index) => index !== selectedDashboardIdx);
123
131
  };
124
- const defaultChartTitle = intl.get('Untitled');
125
- this.charService = new ChartService({
132
+ const defaultChartTitle = _reactIntlUniversal.default.get('Untitled');
133
+ this.charService = new _chartService.default({
126
134
  defaultChartTitle
127
135
  });
128
136
  this.state = {
@@ -153,28 +161,28 @@ class DesktopDashboard extends Component {
153
161
  editingChart,
154
162
  chartRecordsParams
155
163
  } = this.state;
156
- const darkMode = theme === THEME_NAME_MAP.DARK;
164
+ const darkMode = theme === _constants.THEME_NAME_MAP.DARK;
157
165
  const statistic = statistics[selectedDashboardIdx];
158
166
  const {
159
167
  stat_items: statItems
160
168
  } = statistic || {};
161
- return /*#__PURE__*/React.createElement("div", {
162
- className: classnames('statistic-them statistic-panel', {
169
+ return /*#__PURE__*/_react.default.createElement("div", {
170
+ className: (0, _classnames.default)('statistic-them statistic-panel', {
163
171
  'statistic-dark': darkMode,
164
172
  'statistic-light': !darkMode,
165
173
  'full-screen': isFullScreen
166
174
  })
167
- }, /*#__PURE__*/React.createElement("header", {
175
+ }, /*#__PURE__*/_react.default.createElement("header", {
168
176
  className: "statistic-header"
169
- }, /*#__PURE__*/React.createElement("div", {
177
+ }, /*#__PURE__*/_react.default.createElement("div", {
170
178
  className: "statistic-logo"
171
- }, /*#__PURE__*/React.createElement("img", {
172
- src: logo,
179
+ }, /*#__PURE__*/_react.default.createElement("img", {
180
+ src: _icon.default,
173
181
  alt: "",
174
182
  width: "24"
175
- }), /*#__PURE__*/React.createElement("span", {
183
+ }), /*#__PURE__*/_react.default.createElement("span", {
176
184
  className: "ml-2"
177
- }, intl.get('Statistics'))), /*#__PURE__*/React.createElement(Tabs, {
185
+ }, _reactIntlUniversal.default.get('Statistics'))), /*#__PURE__*/_react.default.createElement(_tabs.default, {
178
186
  theme: theme,
179
187
  statistics: statistics,
180
188
  selectedDashboardIdx: selectedDashboardIdx,
@@ -183,47 +191,47 @@ class DesktopDashboard extends Component {
183
191
  renameDashboard: this.props.renameDashboard,
184
192
  deleteDashboard: this.props.deleteDashboard,
185
193
  moveDashboard: this.props.moveDashboard
186
- }), /*#__PURE__*/React.createElement("div", {
194
+ }), /*#__PURE__*/_react.default.createElement("div", {
187
195
  className: "statistic-header-operators d-flex align-items-center"
188
- }, !isTableReadOnly && /*#__PURE__*/React.createElement("button", {
196
+ }, !isTableReadOnly && /*#__PURE__*/_react.default.createElement("button", {
189
197
  className: "btn btn-secondary op-item add-stat",
190
198
  onClick: this.onToggleChartAddition
191
- }, /*#__PURE__*/React.createElement("i", {
199
+ }, /*#__PURE__*/_react.default.createElement("i", {
192
200
  className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
193
- }), /*#__PURE__*/React.createElement("span", {
201
+ }), /*#__PURE__*/_react.default.createElement("span", {
194
202
  className: "add-new-option"
195
- }, intl.get('New_chart'))), /*#__PURE__*/React.createElement("div", {
203
+ }, _reactIntlUniversal.default.get('New_chart'))), /*#__PURE__*/_react.default.createElement("div", {
196
204
  className: "op-item op-item-icon-wrapper",
197
205
  onClick: this.onToggleColorThemeDialog
198
- }, /*#__PURE__*/React.createElement("span", {
206
+ }, /*#__PURE__*/_react.default.createElement("span", {
199
207
  className: "op-item-icon dtable-font dtable-icon-set-up"
200
- })), /*#__PURE__*/React.createElement("div", {
208
+ })), /*#__PURE__*/_react.default.createElement("div", {
201
209
  className: "op-item op-item-icon-wrapper",
202
210
  id: "btn-statistic-full-screen",
203
211
  onClick: this.onToggleFullScreen
204
- }, /*#__PURE__*/React.createElement("span", {
212
+ }, /*#__PURE__*/_react.default.createElement("span", {
205
213
  className: "op-item-icon dtable-font dtable-icon-full-screen ".concat(isFullScreen ? 'full-screen-active' : '')
206
- }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
214
+ }), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
207
215
  placement: "bottom",
208
216
  target: "btn-statistic-full-screen"
209
- }, isFullScreen ? intl.get('Cancel_full_screen') : intl.get('Full_screen'))), /*#__PURE__*/React.createElement("div", {
217
+ }, isFullScreen ? _reactIntlUniversal.default.get('Cancel_full_screen') : _reactIntlUniversal.default.get('Full_screen'))), /*#__PURE__*/_react.default.createElement("div", {
210
218
  className: "op-item op-item-icon-wrapper",
211
219
  id: "btn-statistic-theme-setting"
212
- }, /*#__PURE__*/React.createElement("span", {
213
- className: "op-item-icon dtable-font ".concat(theme === THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'),
220
+ }, /*#__PURE__*/_react.default.createElement("span", {
221
+ className: "op-item-icon dtable-font ".concat(theme === _constants.THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'),
214
222
  onClick: this.toggleThemeMode
215
- }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
223
+ }), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
216
224
  placement: "bottom",
217
225
  target: "btn-statistic-theme-setting"
218
- }, darkMode ? intl.get('Light_mode') : intl.get('Dark_mode'))), /*#__PURE__*/React.createElement("div", {
226
+ }, darkMode ? _reactIntlUniversal.default.get('Light_mode') : _reactIntlUniversal.default.get('Dark_mode'))), /*#__PURE__*/_react.default.createElement("div", {
219
227
  onClick: this.onCloseDashboard,
220
228
  className: "op-item op-item-icon-wrapper"
221
- }, /*#__PURE__*/React.createElement("span", {
222
- title: intl.get('Close'),
229
+ }, /*#__PURE__*/_react.default.createElement("span", {
230
+ title: _reactIntlUniversal.default.get('Close'),
223
231
  className: "op-item-icon btn-close dtable-font dtable-icon-x"
224
- })))), /*#__PURE__*/React.createElement("main", {
232
+ })))), /*#__PURE__*/_react.default.createElement("main", {
225
233
  className: "statistic-main"
226
- }, /*#__PURE__*/React.createElement(StatList, {
234
+ }, /*#__PURE__*/_react.default.createElement(_statList.default, {
227
235
  isTableReadOnly: isTableReadOnly,
228
236
  dtableChangedTime: dtableChangedTime,
229
237
  theme: theme,
@@ -242,7 +250,7 @@ class DesktopDashboard extends Component {
242
250
  onToggleEditChart: this.onToggleEditChart,
243
251
  onCloseDashboard: this.props.onCloseDashboard,
244
252
  toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
245
- })), this.state.isShowChartAdditionDialog && /*#__PURE__*/React.createElement(ChartAdditionEditDialog, {
253
+ })), this.state.isShowChartAdditionDialog && /*#__PURE__*/_react.default.createElement(_chartAdditionEditDialog.default, {
246
254
  dtableChangedTime: dtableChangedTime,
247
255
  colorThemeName: colorThemeName,
248
256
  editingChart: editingChart,
@@ -259,11 +267,11 @@ class DesktopDashboard extends Component {
259
267
  addChart: this.props.addChart,
260
268
  modifyChart: this.props.modifyChart,
261
269
  toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
262
- }), this.state.isShowColorThemeDialog && /*#__PURE__*/React.createElement(ColorThemeDialog, {
270
+ }), this.state.isShowColorThemeDialog && /*#__PURE__*/_react.default.createElement(_colorThemeDialog.default, {
263
271
  colorThemeName: colorThemeName,
264
272
  onToggleColorThemeDialog: this.onToggleColorThemeDialog,
265
273
  modifyColorTheme: this.props.modifyColorTheme
266
- }), !!chartRecordsParams && /*#__PURE__*/React.createElement(StatisticRecordDialog, {
274
+ }), !!chartRecordsParams && /*#__PURE__*/_react.default.createElement(_statisticRecordDialog.default, {
267
275
  eventBus: this.props.eventBus,
268
276
  chartRecordsParams: chartRecordsParams,
269
277
  getTableById: getTableById,
@@ -272,4 +280,4 @@ class DesktopDashboard extends Component {
272
280
  }));
273
281
  }
274
282
  }
275
- export default DesktopDashboard;
283
+ var _default = exports.default = DesktopDashboard;
package/es/index.js CHANGED
@@ -1,5 +1,8 @@
1
- import React from 'react';
2
- import DashBoard from './dashboard';
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _react = _interopRequireDefault(require("react"));
5
+ var _dashboard = _interopRequireDefault(require("./dashboard"));
3
6
  class Statistic {
4
7
  static getInitProps() {
5
8
  if (!window || !window.app) {
@@ -32,7 +35,7 @@ class Statistic {
32
35
  static mount(props) {
33
36
  const customProps = this.getInitProps();
34
37
  if (!customProps) return;
35
- window.app.mountWidget( /*#__PURE__*/React.createElement(DashBoard, Object.assign({}, props, customProps)));
38
+ window.app.mountWidget( /*#__PURE__*/_react.default.createElement(_dashboard.default, Object.assign({}, props, customProps)));
36
39
  }
37
40
  static unmount() {
38
41
  let {
@@ -1,17 +1,20 @@
1
- import intl from 'react-intl-universal';
2
- import de from './lang/de';
3
- import en from './lang/en';
4
- import fr from './lang/fr';
5
- import zh_CN from './lang/zh_CN';
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
5
+ var _de = _interopRequireDefault(require("./lang/de"));
6
+ var _en = _interopRequireDefault(require("./lang/en"));
7
+ var _fr = _interopRequireDefault(require("./lang/fr"));
8
+ var _zh_CN = _interopRequireDefault(require("./lang/zh_CN"));
6
9
  const LOCALES = {
7
- 'de': de,
8
- 'en': en,
9
- 'fr': fr,
10
- 'zh-cn': zh_CN
10
+ 'de': _de.default,
11
+ 'en': _en.default,
12
+ 'fr': _fr.default,
13
+ 'zh-cn': _zh_CN.default
11
14
  };
12
15
  const LANGUAGE = 'zh-cn';
13
16
  let lang = window.dtable && window.dtable.lang || LANGUAGE;
14
- intl.init({
17
+ _reactIntlUniversal.default.init({
15
18
  currentLocale: lang,
16
19
  locales: LOCALES
17
20
  });
@@ -1,3 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
1
7
  const de = {
2
8
  'Statistics': 'Statistiken',
3
9
  'New_chart': 'Neue Grafik',
@@ -249,4 +255,4 @@ const de = {
249
255
  'Move_to': 'Verschieben nach',
250
256
  'Table_xxx_exist': 'Die Tabelle {name} existiert.'
251
257
  };
252
- export default de;
258
+ var _default = exports.default = de;
@@ -1,3 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
1
7
  const en = {
2
8
  'Statistics': 'Statistics',
3
9
  'New_chart': 'New chart',
@@ -249,4 +255,4 @@ const en = {
249
255
  'Move_to': 'Move to...',
250
256
  'Table_xxx_exist': 'Table {name} exist'
251
257
  };
252
- export default en;
258
+ var _default = exports.default = en;
@@ -1,3 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
1
7
  const fr = {
2
8
  'Statistics': 'Statistiques',
3
9
  'New_chart': 'Nouveau graphique',
@@ -249,4 +255,4 @@ const fr = {
249
255
  'Move_to': 'Déplacer vers',
250
256
  'Table_xxx_exist': 'Le tableau {name} existe.'
251
257
  };
252
- export default fr;
258
+ var _default = exports.default = fr;
@@ -1,3 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
1
7
  const zh_CN = {
2
8
  'Statistics': '统计',
3
9
  'New_chart': '新建统计图表',
@@ -249,4 +255,4 @@ const zh_CN = {
249
255
  'Move_to': '移动到...',
250
256
  'Table_xxx_exist': '子表 { name } 已存在'
251
257
  };
252
- export default zh_CN;
258
+ var _default = exports.default = zh_CN;