@nocobase/plugin-data-visualization 0.11.1-alpha.5 → 0.12.0-alpha.2

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 (132) hide show
  1. package/client.d.ts +2 -2
  2. package/client.js +1 -1
  3. package/dist/client/chart/antd/antd.d.ts +7 -0
  4. package/dist/client/chart/antd/index.d.ts +4 -0
  5. package/dist/client/chart/antd/statistic.d.ts +19 -0
  6. package/dist/client/chart/antd/table.d.ts +6 -0
  7. package/dist/client/chart/chart.d.ts +65 -0
  8. package/dist/client/chart/g2plot/bar.d.ts +16 -0
  9. package/dist/client/chart/g2plot/dualAxes.d.ts +20 -0
  10. package/dist/client/chart/g2plot/g2plot.d.ts +19 -0
  11. package/dist/client/chart/g2plot/index.d.ts +6 -0
  12. package/dist/client/chart/g2plot/pie.d.ts +17 -0
  13. package/dist/client/chart/library.d.ts +28 -0
  14. package/{lib → dist}/client/hooks.d.ts +22 -154
  15. package/{lib → dist}/client/index.d.ts +3 -1
  16. package/dist/client/index.js +67448 -0
  17. package/{lib → dist}/client/renderer/ChartRendererProvider.d.ts +1 -8
  18. package/{lib → dist}/client/renderer/index.d.ts +0 -2
  19. package/{lib → dist}/client/utils.d.ts +1 -1
  20. package/{lib → dist}/index.d.ts +1 -0
  21. package/dist/index.js +18 -0
  22. package/dist/locale/en-US.js +26 -0
  23. package/dist/locale/fr-FR.js +5 -0
  24. package/dist/locale/ja-JP.js +5 -0
  25. package/dist/locale/pt-BR.js +26 -0
  26. package/dist/locale/ru-RU.js +5 -0
  27. package/dist/locale/tr-TR.js +5 -0
  28. package/dist/locale/zh-CN.js +74 -0
  29. package/dist/server/actions/formatter.js +41 -0
  30. package/{src/server/actions/query.ts → dist/server/actions/query.js} +75 -133
  31. package/dist/server/index.js +11 -0
  32. package/dist/server/plugin.js +42 -0
  33. package/package.json +23 -22
  34. package/server.d.ts +2 -2
  35. package/server.js +1 -1
  36. package/lib/client/Settings.js +0 -81
  37. package/lib/client/block/ChartBlock.js +0 -74
  38. package/lib/client/block/ChartBlockDesigner.js +0 -35
  39. package/lib/client/block/ChartBlockInitializer.js +0 -114
  40. package/lib/client/block/ChartConfigure.js +0 -499
  41. package/lib/client/block/formatters.js +0 -58
  42. package/lib/client/block/index.js +0 -49
  43. package/lib/client/block/schemas/configure.js +0 -517
  44. package/lib/client/block/transformers.js +0 -68
  45. package/lib/client/hooks.js +0 -275
  46. package/lib/client/index.js +0 -80
  47. package/lib/client/locale/index.js +0 -37
  48. package/lib/client/renderer/ChartLibrary.d.ts +0 -72
  49. package/lib/client/renderer/ChartLibrary.js +0 -146
  50. package/lib/client/renderer/ChartRenderer.js +0 -181
  51. package/lib/client/renderer/ChartRendererProvider.js +0 -105
  52. package/lib/client/renderer/index.js +0 -49
  53. package/lib/client/renderer/library/AntdLibrary.d.ts +0 -2
  54. package/lib/client/renderer/library/AntdLibrary.js +0 -123
  55. package/lib/client/renderer/library/G2PlotLibrary.d.ts +0 -2
  56. package/lib/client/renderer/library/G2PlotLibrary.js +0 -288
  57. package/lib/client/renderer/library/index.d.ts +0 -3
  58. package/lib/client/renderer/library/index.js +0 -15
  59. package/lib/client/utils.js +0 -137
  60. package/lib/index.js +0 -13
  61. package/lib/locale/en-US.js +0 -29
  62. package/lib/locale/fr-FR.js +0 -8
  63. package/lib/locale/ja-JP.js +0 -8
  64. package/lib/locale/pt-BR.js +0 -29
  65. package/lib/locale/ru-RU.js +0 -8
  66. package/lib/locale/tr-TR.js +0 -8
  67. package/lib/locale/zh-CN.js +0 -77
  68. package/lib/server/actions/formatter.js +0 -44
  69. package/lib/server/actions/query.js +0 -331
  70. package/lib/server/index.js +0 -13
  71. package/lib/server/plugin.js +0 -64
  72. package/src/client/Settings.tsx +0 -43
  73. package/src/client/__tests__/chart-configure.test.tsx +0 -14
  74. package/src/client/__tests__/chart-library.test.ts +0 -78
  75. package/src/client/__tests__/chart-renderer.test.tsx +0 -30
  76. package/src/client/__tests__/hooks.test.ts +0 -261
  77. package/src/client/block/ChartBlock.tsx +0 -24
  78. package/src/client/block/ChartBlockDesigner.tsx +0 -19
  79. package/src/client/block/ChartBlockInitializer.tsx +0 -82
  80. package/src/client/block/ChartConfigure.tsx +0 -446
  81. package/src/client/block/formatters.ts +0 -70
  82. package/src/client/block/index.ts +0 -4
  83. package/src/client/block/schemas/configure.ts +0 -504
  84. package/src/client/block/transformers.ts +0 -52
  85. package/src/client/hooks.ts +0 -239
  86. package/src/client/index.tsx +0 -47
  87. package/src/client/locale/index.ts +0 -18
  88. package/src/client/renderer/ChartLibrary.tsx +0 -183
  89. package/src/client/renderer/ChartRenderer.tsx +0 -129
  90. package/src/client/renderer/ChartRendererProvider.tsx +0 -123
  91. package/src/client/renderer/index.ts +0 -4
  92. package/src/client/renderer/library/AntdLibrary.tsx +0 -94
  93. package/src/client/renderer/library/G2PlotLibrary.tsx +0 -236
  94. package/src/client/renderer/library/index.tsx +0 -4
  95. package/src/client/utils.ts +0 -102
  96. package/src/index.ts +0 -1
  97. package/src/locale/en-US.ts +0 -23
  98. package/src/locale/fr-FR.ts +0 -1
  99. package/src/locale/ja-JP.ts +0 -1
  100. package/src/locale/pt-BR.ts +0 -23
  101. package/src/locale/ru-RU.ts +0 -1
  102. package/src/locale/tr-TR.ts +0 -1
  103. package/src/locale/zh-CN.ts +0 -72
  104. package/src/server/__tests__/api.test.ts +0 -102
  105. package/src/server/__tests__/formatter.test.ts +0 -49
  106. package/src/server/__tests__/query.test.ts +0 -220
  107. package/src/server/actions/formatter.ts +0 -49
  108. package/src/server/collections/.gitkeep +0 -0
  109. package/src/server/index.ts +0 -1
  110. package/src/server/plugin.ts +0 -37
  111. /package/{lib → dist}/client/Settings.d.ts +0 -0
  112. /package/{lib → dist}/client/block/ChartBlock.d.ts +0 -0
  113. /package/{lib → dist}/client/block/ChartBlockDesigner.d.ts +0 -0
  114. /package/{lib → dist}/client/block/ChartBlockInitializer.d.ts +0 -0
  115. /package/{lib → dist}/client/block/ChartConfigure.d.ts +0 -0
  116. /package/{lib → dist}/client/block/formatters.d.ts +0 -0
  117. /package/{lib → dist}/client/block/index.d.ts +0 -0
  118. /package/{lib → dist}/client/block/schemas/configure.d.ts +0 -0
  119. /package/{lib → dist}/client/block/transformers.d.ts +0 -0
  120. /package/{lib → dist}/client/locale/index.d.ts +0 -0
  121. /package/{lib → dist}/client/renderer/ChartRenderer.d.ts +0 -0
  122. /package/{lib → dist}/locale/en-US.d.ts +0 -0
  123. /package/{lib → dist}/locale/fr-FR.d.ts +0 -0
  124. /package/{lib → dist}/locale/ja-JP.d.ts +0 -0
  125. /package/{lib → dist}/locale/pt-BR.d.ts +0 -0
  126. /package/{lib → dist}/locale/ru-RU.d.ts +0 -0
  127. /package/{lib → dist}/locale/tr-TR.d.ts +0 -0
  128. /package/{lib → dist}/locale/zh-CN.d.ts +0 -0
  129. /package/{lib → dist}/server/actions/formatter.d.ts +0 -0
  130. /package/{lib → dist}/server/actions/query.d.ts +0 -0
  131. /package/{lib → dist}/server/index.d.ts +0 -0
  132. /package/{lib → dist}/server/plugin.d.ts +0 -0
@@ -1,499 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ChartConfigure = exports.ChartConfigContext = void 0;
7
- function _icons() {
8
- const data = require("@ant-design/icons");
9
- _icons = function _icons() {
10
- return data;
11
- };
12
- return data;
13
- }
14
- function _antdV() {
15
- const data = require("@formily/antd-v5");
16
- _antdV = function _antdV() {
17
- return data;
18
- };
19
- return data;
20
- }
21
- function _core() {
22
- const data = require("@formily/core");
23
- _core = function _core() {
24
- return data;
25
- };
26
- return data;
27
- }
28
- function _react() {
29
- const data = require("@formily/react");
30
- _react = function _react() {
31
- return data;
32
- };
33
- return data;
34
- }
35
- function _client() {
36
- const data = require("@nocobase/client");
37
- _client = function _client() {
38
- return data;
39
- };
40
- return data;
41
- }
42
- function _antd() {
43
- const data = require("antd");
44
- _antd = function _antd() {
45
- return data;
46
- };
47
- return data;
48
- }
49
- function _lodash() {
50
- const data = require("lodash");
51
- _lodash = function _lodash() {
52
- return data;
53
- };
54
- return data;
55
- }
56
- function _react2() {
57
- const data = _interopRequireWildcard(require("react"));
58
- _react2 = function _react2() {
59
- return data;
60
- };
61
- return data;
62
- }
63
- var _hooks = require("../hooks");
64
- var _locale = require("../locale");
65
- var _renderer = require("../renderer");
66
- var _utils = require("../utils");
67
- var _configure = require("./schemas/configure");
68
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
69
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
70
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
71
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
72
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
73
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
74
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
75
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
76
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
77
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
78
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
79
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
80
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
81
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
82
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
83
- const Paragraph = _antd().Typography.Paragraph,
84
- Text = _antd().Typography.Text;
85
- const ChartConfigContext = (0, _react2().createContext)({
86
- visible: true
87
- });
88
- exports.ChartConfigContext = ChartConfigContext;
89
- const ChartConfigure = props => {
90
- const _useChartsTranslation = (0, _locale.useChartsTranslation)(),
91
- t = _useChartsTranslation.t;
92
- const _useContext = (0, _react2().useContext)(_renderer.ChartRendererContext),
93
- service = _useContext.service;
94
- const _useContext2 = (0, _react2().useContext)(ChartConfigContext),
95
- visible = _useContext2.visible,
96
- setVisible = _useContext2.setVisible,
97
- current = _useContext2.current;
98
- const _ref = current || {},
99
- schema = _ref.schema,
100
- field = _ref.field,
101
- collection = _ref.collection,
102
- initialValues = _ref.initialValues;
103
- const _useDesignable = (0, _client().useDesignable)(),
104
- dn = _useDesignable.dn;
105
- const _App$useApp = _antd().App.useApp(),
106
- modal = _App$useApp.modal;
107
- const insert = props.insert;
108
- const charts = (0, _renderer.useCharts)();
109
- const fields = (0, _hooks.useFieldsWithAssociation)(collection);
110
- const initChart = (overwrite = false) => {
111
- var _form$values$config;
112
- if (!form.modified) {
113
- return;
114
- }
115
- const chartType = (_form$values$config = form.values.config) === null || _form$values$config === void 0 ? void 0 : _form$values$config.chartType;
116
- if (!chartType) {
117
- return;
118
- }
119
- const chart = charts[chartType];
120
- const init = chart === null || chart === void 0 ? void 0 : chart.init;
121
- if (!init) {
122
- if (overwrite) {
123
- form.values.config.general = {};
124
- form.values.config.advanced = {};
125
- }
126
- return;
127
- }
128
- const query = form.values.query;
129
- const selectedFields = (0, _utils.getSelectedFields)(fields, query);
130
- const _init = init(selectedFields, query),
131
- general = _init.general,
132
- advanced = _init.advanced;
133
- if (general || overwrite) {
134
- form.values.config.general = general;
135
- }
136
- if (advanced || overwrite) {
137
- form.values.config.advanced = advanced || {};
138
- }
139
- };
140
- const _React$useState = _react2().default.useState([]),
141
- _React$useState2 = _slicedToArray(_React$useState, 2),
142
- measures = _React$useState2[0],
143
- setMeasures = _React$useState2[1];
144
- const _React$useState3 = _react2().default.useState([]),
145
- _React$useState4 = _slicedToArray(_React$useState3, 2),
146
- dimensions = _React$useState4[0],
147
- setDimensions = _React$useState4[1];
148
- const queryReact = (form, reaction) => {
149
- var _form$values$query, _form$values$query2;
150
- const currentMeasures = ((_form$values$query = form.values.query) === null || _form$values$query === void 0 ? void 0 : _form$values$query.measures.filter(item => item.field)) || [];
151
- const currentDimensions = ((_form$values$query2 = form.values.query) === null || _form$values$query2 === void 0 ? void 0 : _form$values$query2.dimensions.filter(item => item.field)) || [];
152
- if ((0, _lodash().isEqual)(currentMeasures, measures) && (0, _lodash().isEqual)(currentDimensions, dimensions)) {
153
- return;
154
- }
155
- reaction === null || reaction === void 0 ? void 0 : reaction();
156
- setMeasures((0, _lodash().cloneDeep)(currentMeasures));
157
- setDimensions((0, _lodash().cloneDeep)(currentDimensions));
158
- };
159
- const chartType = (0, _renderer.useDefaultChartType)();
160
- const form = (0, _react2().useMemo)(() => (0, _core().createForm)({
161
- values: _objectSpread(_objectSpread({
162
- config: {
163
- chartType
164
- }
165
- }, initialValues || (field === null || field === void 0 ? void 0 : field.decoratorProps)), {}, {
166
- collection
167
- }),
168
- effects: form => {
169
- (0, _core().onFieldChange)('config.chartType', () => initChart(true));
170
- (0, _core().onFormInit)(() => queryReact(form));
171
- }
172
- }),
173
- // visible, collection added here to re-initialize form when visible, collection change
174
- // eslint-disable-next-line react-hooks/exhaustive-deps
175
- [field, visible, collection]);
176
- const RunButton = () => _react2().default.createElement(_antd().Button, {
177
- type: "link",
178
- loading: service === null || service === void 0 ? void 0 : service.loading,
179
- icon: _react2().default.createElement(_icons().RightSquareOutlined, null),
180
- onClick: function () {
181
- var _onClick = _asyncToGenerator(function* () {
182
- const queryField = form.query('query').take();
183
- try {
184
- yield queryField === null || queryField === void 0 ? void 0 : queryField.validate();
185
- } catch (e) {
186
- return;
187
- }
188
- try {
189
- yield service.runAsync(collection, form.values.query);
190
- } catch (e) {
191
- console.log(e);
192
- }
193
- queryReact(form, initChart);
194
- });
195
- function onClick() {
196
- return _onClick.apply(this, arguments);
197
- }
198
- return onClick;
199
- }()
200
- }, t('Run query'));
201
- const queryRef = (0, _react2().useRef)(null);
202
- const configRef = (0, _react2().useRef)(null);
203
- return _react2().default.createElement(_antd().Modal, {
204
- title: t('Configure chart'),
205
- open: visible,
206
- onOk: () => {
207
- const _form$values = form.values,
208
- query = _form$values.query,
209
- config = _form$values.config,
210
- transform = _form$values.transform,
211
- mode = _form$values.mode;
212
- const afterSave = () => {
213
- var _current$service;
214
- setVisible(false);
215
- (_current$service = current.service) === null || _current$service === void 0 ? void 0 : _current$service.run(collection, query);
216
- queryRef.current.scrollTop = 0;
217
- configRef.current.scrollTop = 0;
218
- service.mutate(undefined);
219
- };
220
- const rendererProps = {
221
- query,
222
- config,
223
- collection,
224
- transform,
225
- mode: mode || 'builder'
226
- };
227
- if (schema && schema['x-uid']) {
228
- schema['x-decorator-props'] = rendererProps;
229
- field.decoratorProps = rendererProps;
230
- field['x-acl-action'] = `${collection}:list`;
231
- dn.emit('patch', {
232
- schema
233
- });
234
- afterSave();
235
- return;
236
- }
237
- insert((0, _client().gridRowColWrap)((0, _utils.createRendererSchema)(rendererProps)), {
238
- onSuccess: afterSave
239
- });
240
- },
241
- onCancel: () => {
242
- modal.confirm({
243
- title: t('Are you sure to cancel?'),
244
- content: t('You changes are not saved. If you click OK, your changes will be lost.'),
245
- okButtonProps: {
246
- danger: true
247
- },
248
- onOk: () => {
249
- setVisible(false);
250
- queryRef.current.scrollTop = 0;
251
- configRef.current.scrollTop = 0;
252
- service.mutate(undefined);
253
- }
254
- });
255
- },
256
- width: '95%',
257
- bodyStyle: {
258
- background: 'rgba(128, 128, 128, 0.08)'
259
- }
260
- }, _react2().default.createElement(_client().FormProvider, {
261
- form: form
262
- }, _react2().default.createElement(_antdV().FormLayout, {
263
- layout: "vertical"
264
- }, _react2().default.createElement(_antd().Row, {
265
- gutter: 8
266
- }, _react2().default.createElement(_antd().Col, {
267
- span: 7
268
- }, _react2().default.createElement(_antd().Card, {
269
- style: {
270
- height: 'calc(100vh - 300px)',
271
- overflow: 'auto',
272
- margin: '12px 0 12px 12px'
273
- },
274
- ref: queryRef
275
- }, _react2().default.createElement(_antd().Tabs, {
276
- tabBarExtraContent: _react2().default.createElement(RunButton, null),
277
- items: [{
278
- label: t('Query'),
279
- key: 'query',
280
- children: _react2().default.createElement(ChartConfigure.Query, null)
281
- }, {
282
- label: t('Data'),
283
- key: 'data',
284
- children: _react2().default.createElement(ChartConfigure.Data, null)
285
- }]
286
- }))), _react2().default.createElement(_antd().Col, {
287
- span: 6
288
- }, _react2().default.createElement(_antd().Card, {
289
- style: {
290
- height: 'calc(100vh - 300px)',
291
- overflow: 'auto',
292
- margin: '12px 3px 12px 3px'
293
- },
294
- ref: configRef
295
- }, _react2().default.createElement(_antd().Tabs, {
296
- items: [{
297
- label: t('Chart'),
298
- key: 'chart',
299
- children: _react2().default.createElement(ChartConfigure.Config, null)
300
- }, {
301
- label: t('Transform'),
302
- key: 'transform',
303
- children: _react2().default.createElement(ChartConfigure.Transform, null)
304
- }]
305
- }))), _react2().default.createElement(_antd().Col, {
306
- span: 11
307
- }, _react2().default.createElement(_antd().Card, {
308
- style: {
309
- margin: '12px 12px 12px 0'
310
- }
311
- }, _react2().default.createElement(ChartConfigure.Renderer, null)))))));
312
- };
313
- exports.ChartConfigure = ChartConfigure;
314
- ChartConfigure.Renderer = function Renderer(props) {
315
- const _useContext3 = (0, _react2().useContext)(ChartConfigContext),
316
- current = _useContext3.current;
317
- const _ref2 = current || {},
318
- collection = _ref2.collection,
319
- data = _ref2.data;
320
- const _useContext4 = (0, _react2().useContext)(_renderer.ChartRendererContext),
321
- service = _useContext4.service;
322
- return _react2().default.createElement(_react().FormConsumer, null, form => {
323
- // Any change of config and transform will trigger rerender
324
- // Change of query only trigger rerender when "Run query" button is clicked
325
- const config = (0, _lodash().cloneDeep)(form.values.config);
326
- const transform = (0, _lodash().cloneDeep)(form.values.transform);
327
- return _react2().default.createElement(_renderer.ChartRendererContext.Provider, {
328
- value: {
329
- collection,
330
- config,
331
- transform,
332
- service,
333
- data
334
- }
335
- }, _react2().default.createElement(_renderer.ChartRenderer, _objectSpread({}, props)));
336
- });
337
- };
338
- ChartConfigure.Query = function Query() {
339
- const _useChartsTranslation2 = (0, _locale.useChartsTranslation)(),
340
- t = _useChartsTranslation2.t;
341
- const fields = (0, _hooks.useFieldsWithAssociation)();
342
- const useFormatterOptions = (0, _hooks.useFormatters)(fields);
343
- const collectionOptions = (0, _hooks.useCollectionOptions)();
344
- const _useContext5 = (0, _react2().useContext)(ChartConfigContext),
345
- current = _useContext5.current,
346
- setCurrent = _useContext5.setCurrent;
347
- const _ref3 = current || {},
348
- collection = _ref3.collection;
349
- const fieldOptions = (0, _client().useCollectionFieldsOptions)(collection, 1);
350
- const compiledFieldOptions = _react().Schema.compile(fieldOptions, {
351
- t
352
- });
353
- const filterOptions = (0, _client().useCollectionFilterOptions)(collection);
354
- const _useContext6 = (0, _react2().useContext)(_renderer.ChartRendererContext),
355
- service = _useContext6.service;
356
- const onCollectionChange = value => {
357
- const schema = current.schema,
358
- field = current.field;
359
- setCurrent({
360
- schema,
361
- field,
362
- collection: value,
363
- service: current.service,
364
- initialValues: {},
365
- data: undefined
366
- });
367
- service.mutate(undefined);
368
- };
369
- const formCollapse = _antdV().FormCollapse.createFormCollapse(['measures', 'dimensions', 'filter', 'sort']);
370
- const FromSql = () => _react2().default.createElement(Text, {
371
- code: true
372
- }, "From ", _react2().default.createElement("span", {
373
- style: {
374
- color: '#1890ff'
375
- }
376
- }, current === null || current === void 0 ? void 0 : current.collection));
377
- return _react2().default.createElement(_client().SchemaComponent, {
378
- schema: _configure.querySchema,
379
- scope: {
380
- t,
381
- formCollapse,
382
- fieldOptions: compiledFieldOptions,
383
- filterOptions,
384
- useOrderOptions: (0, _hooks.useOrderFieldsOptions)(compiledFieldOptions, fields),
385
- collectionOptions,
386
- useFormatterOptions,
387
- onCollectionChange,
388
- collection: current === null || current === void 0 ? void 0 : current.collection,
389
- useOrderReaction: (0, _hooks.useOrderReaction)(compiledFieldOptions, fields)
390
- },
391
- components: {
392
- ArrayItems: _antdV().ArrayItems,
393
- Editable: _antdV().Editable,
394
- FormCollapse: _antdV().FormCollapse,
395
- FormItem: _antdV().FormItem,
396
- Space: _antd().Space,
397
- Switch: _antdV().Switch,
398
- FromSql
399
- }
400
- });
401
- };
402
- ChartConfigure.Config = function Config() {
403
- const _useChartsTranslation3 = (0, _locale.useChartsTranslation)(),
404
- t = _useChartsTranslation3.t;
405
- const chartTypes = (0, _renderer.useChartTypes)();
406
- const fields = (0, _hooks.useFieldsWithAssociation)();
407
- const charts = (0, _renderer.useCharts)();
408
- const getChartFields = (0, _hooks.useChartFields)(fields);
409
- const getReference = chartType => {
410
- var _charts$chartType;
411
- const reference = (_charts$chartType = charts[chartType]) === null || _charts$chartType === void 0 ? void 0 : _charts$chartType.reference;
412
- if (!reference) return '';
413
- const title = reference.title,
414
- link = reference.link;
415
- return _react2().default.createElement("span", null, t('Config reference: '), _react2().default.createElement("a", {
416
- href: link,
417
- target: "_blank",
418
- rel: "noreferrer"
419
- }, t(title)));
420
- };
421
- return _react2().default.createElement(_react().FormConsumer, null, form => {
422
- var _form$values$config2;
423
- const chartType = (_form$values$config2 = form.values.config) === null || _form$values$config2 === void 0 ? void 0 : _form$values$config2.chartType;
424
- const chart = charts[chartType];
425
- const schema = (chart === null || chart === void 0 ? void 0 : chart.schema) || {};
426
- return _react2().default.createElement(_client().SchemaComponent, {
427
- schema: (0, _configure.getConfigSchema)(schema),
428
- scope: {
429
- t,
430
- chartTypes,
431
- useChartFields: getChartFields,
432
- getReference
433
- },
434
- components: {
435
- FormItem: _antdV().FormItem,
436
- ArrayItems: _antdV().ArrayItems,
437
- Space: _antd().Space,
438
- AutoComplete: _client().AutoComplete
439
- }
440
- });
441
- });
442
- };
443
- ChartConfigure.Transform = function Transform() {
444
- const _useChartsTranslation4 = (0, _locale.useChartsTranslation)(),
445
- t = _useChartsTranslation4.t;
446
- const fields = (0, _hooks.useFieldsWithAssociation)();
447
- const useFieldTypeOptions = (0, _hooks.useFieldTypes)(fields);
448
- const getChartFields = (0, _hooks.useChartFields)(fields);
449
- return _react2().default.createElement(_client().SchemaComponent, {
450
- schema: _configure.transformSchema,
451
- components: {
452
- FormItem: _antdV().FormItem,
453
- ArrayItems: _antdV().ArrayItems,
454
- Space: _antd().Space
455
- },
456
- scope: {
457
- useChartFields: getChartFields,
458
- useFieldTypeOptions,
459
- useTransformers: _hooks.useTransformers,
460
- t
461
- }
462
- });
463
- };
464
- ChartConfigure.Data = function Data() {
465
- var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
466
- const _useChartsTranslation5 = (0, _locale.useChartsTranslation)(),
467
- t = _useChartsTranslation5.t;
468
- const _useContext7 = (0, _react2().useContext)(ChartConfigContext),
469
- current = _useContext7.current;
470
- const _useContext8 = (0, _react2().useContext)(_renderer.ChartRendererContext),
471
- service = _useContext8.service;
472
- const fields = (0, _hooks.useFieldsWithAssociation)();
473
- const data = (0, _utils.processData)(fields, (service === null || service === void 0 ? void 0 : service.data) || (current === null || current === void 0 ? void 0 : current.data) || [], {
474
- t
475
- });
476
- const error = service === null || service === void 0 ? void 0 : service.error;
477
- return !error ? _react2().default.createElement("div", {
478
- style: {
479
- overflowX: 'auto',
480
- overflowY: 'hidden'
481
- }
482
- }, _react2().default.createElement(_antd().Table, {
483
- dataSource: data,
484
- columns: Object.keys(data[0] || {}).map(col => {
485
- const field = (0, _utils.getField)(fields, col.split('.'));
486
- return {
487
- title: (field === null || field === void 0 ? void 0 : field.label) || col,
488
- dataIndex: col,
489
- key: col
490
- };
491
- }),
492
- size: "small"
493
- })) : _react2().default.createElement(_antd().Alert, {
494
- message: "Error",
495
- type: "error",
496
- description: (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$.map) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.call(_error$response$data$, error => error.message).join('\n')) || error.message,
497
- showIcon: true
498
- });
499
- };
@@ -1,58 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _locale = require("../locale");
8
- var _default = {
9
- datetime: [{
10
- label: (0, _locale.lang)('YYYY'),
11
- value: 'YYYY'
12
- }, {
13
- label: (0, _locale.lang)('MM'),
14
- value: 'MM'
15
- }, {
16
- label: (0, _locale.lang)('DD'),
17
- value: 'DD'
18
- }, {
19
- label: (0, _locale.lang)('YYYY-MM'),
20
- value: 'YYYY-MM'
21
- }, {
22
- label: (0, _locale.lang)('YYYY-MM-DD'),
23
- value: 'YYYY-MM-DD'
24
- }, {
25
- label: (0, _locale.lang)('YYYY-MM-DD hh:mm'),
26
- value: 'YYYY-MM-DD hh:mm'
27
- }, {
28
- label: (0, _locale.lang)('YYYY-MM-DD hh:mm:ss'),
29
- value: 'YYYY-MM-DD hh:mm:ss'
30
- }],
31
- date: [{
32
- label: (0, _locale.lang)('YYYY'),
33
- value: 'YYYY'
34
- }, {
35
- label: (0, _locale.lang)('MM'),
36
- value: 'MM'
37
- }, {
38
- label: (0, _locale.lang)('DD'),
39
- value: 'DD'
40
- }, {
41
- label: (0, _locale.lang)('YYYY-MM'),
42
- value: 'YYYY-MM'
43
- }, {
44
- label: (0, _locale.lang)('YYYY-MM-DD'),
45
- value: 'YYYY-MM-DD'
46
- }],
47
- time: [{
48
- label: (0, _locale.lang)('hh:mm:ss'),
49
- value: 'hh:mm:ss'
50
- }, {
51
- label: (0, _locale.lang)('hh:mm'),
52
- value: 'hh:mm'
53
- }, {
54
- label: (0, _locale.lang)('hh'),
55
- value: 'hh'
56
- }]
57
- };
58
- exports.default = _default;
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _ChartBlock = require("./ChartBlock");
7
- Object.keys(_ChartBlock).forEach(function (key) {
8
- if (key === "default" || key === "__esModule") return;
9
- if (key in exports && exports[key] === _ChartBlock[key]) return;
10
- Object.defineProperty(exports, key, {
11
- enumerable: true,
12
- get: function get() {
13
- return _ChartBlock[key];
14
- }
15
- });
16
- });
17
- var _ChartBlockDesigner = require("./ChartBlockDesigner");
18
- Object.keys(_ChartBlockDesigner).forEach(function (key) {
19
- if (key === "default" || key === "__esModule") return;
20
- if (key in exports && exports[key] === _ChartBlockDesigner[key]) return;
21
- Object.defineProperty(exports, key, {
22
- enumerable: true,
23
- get: function get() {
24
- return _ChartBlockDesigner[key];
25
- }
26
- });
27
- });
28
- var _ChartBlockInitializer = require("./ChartBlockInitializer");
29
- Object.keys(_ChartBlockInitializer).forEach(function (key) {
30
- if (key === "default" || key === "__esModule") return;
31
- if (key in exports && exports[key] === _ChartBlockInitializer[key]) return;
32
- Object.defineProperty(exports, key, {
33
- enumerable: true,
34
- get: function get() {
35
- return _ChartBlockInitializer[key];
36
- }
37
- });
38
- });
39
- var _ChartConfigure = require("./ChartConfigure");
40
- Object.keys(_ChartConfigure).forEach(function (key) {
41
- if (key === "default" || key === "__esModule") return;
42
- if (key in exports && exports[key] === _ChartConfigure[key]) return;
43
- Object.defineProperty(exports, key, {
44
- enumerable: true,
45
- get: function get() {
46
- return _ChartConfigure[key];
47
- }
48
- });
49
- });