@nokecy/qc-ui 0.1.2 → 0.1.4
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/cjs/ag-grid-plus/queryForm/index.js +3 -1
- package/dist/cjs/dashboard/dashboard/index.js +15 -11
- package/dist/cjs/dashboard/dashboard/utils.js +2 -3
- package/dist/cjs/dashboard/widget/index.js +4 -6
- package/dist/cjs/dashboard/widget/selector/index.js +10 -7
- package/dist/cjs/dashboard/widget/utils.js +7 -9
- package/dist/esm/ag-grid-plus/queryForm/index.js +3 -1
- package/dist/esm/dashboard/dashboard/index.js +11 -8
- package/dist/esm/dashboard/dashboard/utils.js +3 -3
- package/dist/esm/dashboard/widget/index.js +4 -3
- package/dist/esm/dashboard/widget/selector/index.js +8 -5
- package/dist/esm/dashboard/widget/utils.js +6 -7
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +2 -2
|
@@ -149,8 +149,10 @@ var FormRender = function FormRender(props) {
|
|
|
149
149
|
return (i === null || i === void 0 ? void 0 : i.visible) != false && !i.getColDef().hideInSearch || i.getColDef().hideInTable;
|
|
150
150
|
});
|
|
151
151
|
arr.map(function (col) {
|
|
152
|
+
var _colDef$queryField;
|
|
153
|
+
|
|
152
154
|
var colDef = col.getColDef();
|
|
153
|
-
var name = colDef.field;
|
|
155
|
+
var name = (_colDef$queryField = colDef.queryField) !== null && _colDef$queryField !== void 0 ? _colDef$queryField : colDef.field;
|
|
154
156
|
var headerName = colDef.headerName; //表单自定义组件
|
|
155
157
|
|
|
156
158
|
var component = colDef.searchComponent ? colDef.searchComponent : colDef.filter == "agDateColumnFilter" ? "DatePicker.RangePicker" : "Input";
|
|
@@ -7,14 +7,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
|
|
10
|
+
var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
|
|
11
|
+
|
|
12
|
+
var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
|
|
13
|
+
|
|
14
|
+
var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
|
|
15
|
+
|
|
16
|
+
var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
|
|
17
|
+
|
|
10
18
|
var _icons = require("@ant-design/icons");
|
|
11
19
|
|
|
12
20
|
var _antd = require("antd");
|
|
13
21
|
|
|
14
22
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
23
|
|
|
16
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
|
17
|
-
|
|
18
24
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
25
|
|
|
20
26
|
var _reactGridLayout = require("react-grid-layout");
|
|
@@ -131,7 +137,7 @@ var Dashboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
131
137
|
dirtyCurrentLayout = _state$dirtyCurrentLa === void 0 ? [] : _state$dirtyCurrentLa;
|
|
132
138
|
var dom = (0, _react.useRef)(null); //获取操作
|
|
133
139
|
|
|
134
|
-
var fetch = (0, _react.useCallback)(
|
|
140
|
+
var fetch = (0, _react.useCallback)((0, _debounce2.default)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
135
141
|
var response, _layout, resArr, data;
|
|
136
142
|
|
|
137
143
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
@@ -146,12 +152,12 @@ var Dashboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
146
152
|
|
|
147
153
|
case 3:
|
|
148
154
|
response = _context.sent;
|
|
149
|
-
_layout =
|
|
155
|
+
_layout = (0, _isArray2.default)(defaultLayout) ? defaultLayout : [];
|
|
150
156
|
|
|
151
157
|
if (response) {
|
|
152
158
|
resArr = JSON.parse(response).currentLayout;
|
|
153
159
|
|
|
154
|
-
if (!
|
|
160
|
+
if (!(0, _isEmpty2.default)(resArr)) {
|
|
155
161
|
_layout = resArr;
|
|
156
162
|
}
|
|
157
163
|
}
|
|
@@ -262,7 +268,7 @@ var Dashboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
262
268
|
};
|
|
263
269
|
}(), [storageKey, widgets]); //改变布局触发
|
|
264
270
|
|
|
265
|
-
var onLayoutChange = (0, _react.useCallback)(
|
|
271
|
+
var onLayoutChange = (0, _react.useCallback)((0, _debounce2.default)(function (layout, layouts, callback) {
|
|
266
272
|
window.dispatchEvent(new Event('resize'));
|
|
267
273
|
|
|
268
274
|
if (!stateEditMode) {
|
|
@@ -304,9 +310,7 @@ var Dashboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
304
310
|
|
|
305
311
|
var removeWidget = (0, _react.useCallback)(function (widgetKey) {
|
|
306
312
|
var removedWidget;
|
|
307
|
-
|
|
308
|
-
var newLayout = _lodash.default.cloneDeep(dirtyCurrentLayout);
|
|
309
|
-
|
|
313
|
+
var newLayout = (0, _cloneDeep2.default)(dirtyCurrentLayout);
|
|
310
314
|
newLayout.map(function (item, index) {
|
|
311
315
|
if (item['i'] === widgetKey) {
|
|
312
316
|
removedWidget = item;
|
|
@@ -429,7 +433,7 @@ var Dashboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
429
433
|
}, [editMode]); //响应外部数据
|
|
430
434
|
|
|
431
435
|
(0, _react.useEffect)(function () {
|
|
432
|
-
if (!
|
|
436
|
+
if (!(0, _isArray2.default)(customLayout)) {
|
|
433
437
|
return;
|
|
434
438
|
}
|
|
435
439
|
|
|
@@ -582,7 +586,7 @@ var Dashboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
582
586
|
size: "small",
|
|
583
587
|
onClick: revert,
|
|
584
588
|
icon: /*#__PURE__*/_react.default.createElement(_icons.RetweetOutlined, null)
|
|
585
|
-
}, '恢复'), !
|
|
589
|
+
}, '恢复'), !(0, _isEmpty2.default)(finLayout) && /*#__PURE__*/_react.default.createElement(_antd.Button, {
|
|
586
590
|
size: "small",
|
|
587
591
|
danger: true,
|
|
588
592
|
onClick: reset,
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.request = exports.formatLayout = exports.copy = exports.calcMinAndMax = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
@@ -82,8 +82,7 @@ var copy = function copy(str) {
|
|
|
82
82
|
exports.copy = copy;
|
|
83
83
|
|
|
84
84
|
var formatLayout = function formatLayout(layout) {
|
|
85
|
-
var data =
|
|
86
|
-
|
|
85
|
+
var data = (0, _cloneDeep2.default)(layout);
|
|
87
86
|
data.forEach(function (item) {
|
|
88
87
|
delete item.minW;
|
|
89
88
|
delete item.maxW;
|
|
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
@@ -56,10 +56,8 @@ var Widget = function Widget(props) {
|
|
|
56
56
|
configShow = _useState2[0],
|
|
57
57
|
setConfigShow = _useState2[1];
|
|
58
58
|
|
|
59
|
-
var component =
|
|
60
|
-
|
|
61
|
-
var configComponent = _lodash.default.get(widgets, widgetType + '.configComponent');
|
|
62
|
-
|
|
59
|
+
var component = (0, _get2.default)(widgets, widgetType + '.component');
|
|
60
|
+
var configComponent = (0, _get2.default)(widgets, widgetType + '.configComponent');
|
|
63
61
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
64
62
|
className: (0, _classnames.default)(widgetWrapClassName, 'react-dashboard-widget'),
|
|
65
63
|
style: widgetWrapStyle
|
|
@@ -7,14 +7,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
|
|
10
|
+
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
11
|
+
|
|
12
|
+
var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
|
|
13
|
+
|
|
14
|
+
var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
|
|
15
|
+
|
|
10
16
|
var _icons = require("@ant-design/icons");
|
|
11
17
|
|
|
12
18
|
var _antd = require("antd");
|
|
13
19
|
|
|
14
20
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
21
|
|
|
16
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
|
17
|
-
|
|
18
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
23
|
|
|
20
24
|
require("./index.less");
|
|
@@ -122,8 +126,7 @@ var WidgetSelector = function WidgetSelector(props) {
|
|
|
122
126
|
handleCalcMenuData();
|
|
123
127
|
}, []);
|
|
124
128
|
var finWidgets = (0, _react.useMemo)(function () {
|
|
125
|
-
var finData =
|
|
126
|
-
|
|
129
|
+
var finData = (0, _cloneDeep2.default)(widgets);
|
|
127
130
|
Object.keys(finData).map(function (key) {
|
|
128
131
|
//初始化数据
|
|
129
132
|
finData[key].length = 0;
|
|
@@ -212,7 +215,7 @@ var WidgetSelector = function WidgetSelector(props) {
|
|
|
212
215
|
height: '100%',
|
|
213
216
|
overflowY: 'auto'
|
|
214
217
|
}
|
|
215
|
-
}, !
|
|
218
|
+
}, !(0, _isEmpty2.default)(finWidgets) ? /*#__PURE__*/_react.default.createElement("div", {
|
|
216
219
|
className: "react-dashboard-widget-waterfall",
|
|
217
220
|
style: {
|
|
218
221
|
columnCount: Math.ceil((width - 200) / 200)
|
|
@@ -233,8 +236,8 @@ var WidgetSelector = function WidgetSelector(props) {
|
|
|
233
236
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
234
237
|
className: 'react-dashboard-widget-iconWrap',
|
|
235
238
|
style: {
|
|
236
|
-
backgroundColor:
|
|
237
|
-
backgroundImage:
|
|
239
|
+
backgroundColor: (0, _get2.default)(widgets, key + '.iconBackground'),
|
|
240
|
+
backgroundImage: (0, _get2.default)(widgets, key + '.iconBackground')
|
|
238
241
|
}
|
|
239
242
|
}, item.icon), /*#__PURE__*/_react.default.createElement("div", {
|
|
240
243
|
className: 'react-dashboard-widget-name'
|
|
@@ -7,15 +7,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.getWidgetType = exports.ConfigWrap = exports.ConfigBar = void 0;
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _get2 = _interopRequireDefault(require("lodash/get"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _antd = require("antd");
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
var _fa = require("react-icons/fa");
|
|
16
|
+
var _icons = require("@ant-design/icons");
|
|
19
17
|
|
|
20
18
|
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); }
|
|
21
19
|
|
|
@@ -49,17 +47,17 @@ var ConfigBar = function ConfigBar(props) {
|
|
|
49
47
|
var widgetType = getWidgetType(widgetKey, widgets);
|
|
50
48
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, editMode && /*#__PURE__*/_react.default.createElement("div", {
|
|
51
49
|
className: 'react-dashboard-mask'
|
|
52
|
-
}), editMode &&
|
|
50
|
+
}), editMode && (0, _get2.default)('widgets', widgetType + '.configComponent') && /*#__PURE__*/_react.default.createElement("div", {
|
|
53
51
|
className: 'react-dashboard-configicon',
|
|
54
52
|
onClick: function onClick() {
|
|
55
53
|
return setConfigShow(true);
|
|
56
54
|
}
|
|
57
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.SettingOutlined, null)), editMode && /*#__PURE__*/_react.default.createElement("div", {
|
|
58
56
|
className: 'react-dashboard-deleteicon',
|
|
59
57
|
onClick: function onClick() {
|
|
60
58
|
return onDeleteWidget();
|
|
61
59
|
}
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)));
|
|
63
61
|
}; //config的容器
|
|
64
62
|
|
|
65
63
|
|
|
@@ -90,7 +88,7 @@ var ConfigWrap = function ConfigWrap(props, widgets) {
|
|
|
90
88
|
}
|
|
91
89
|
|
|
92
90
|
var widgetType = getWidgetType(widgetKey, widgets);
|
|
93
|
-
return
|
|
91
|
+
return (0, _get2.default)(widgets, widgetType + '.name') + '设置';
|
|
94
92
|
}, [widgetKey, widgets, getWidgetType]);
|
|
95
93
|
(0, _react.useEffect)(function () {
|
|
96
94
|
afterVisibleChange(visible);
|
|
@@ -129,8 +129,10 @@ var FormRender = function FormRender(props) {
|
|
|
129
129
|
return (i === null || i === void 0 ? void 0 : i.visible) != false && !i.getColDef().hideInSearch || i.getColDef().hideInTable;
|
|
130
130
|
});
|
|
131
131
|
arr.map(function (col) {
|
|
132
|
+
var _colDef$queryField;
|
|
133
|
+
|
|
132
134
|
var colDef = col.getColDef();
|
|
133
|
-
var name = colDef.field;
|
|
135
|
+
var name = (_colDef$queryField = colDef.queryField) !== null && _colDef$queryField !== void 0 ? _colDef$queryField : colDef.field;
|
|
134
136
|
var headerName = colDef.headerName; //表单自定义组件
|
|
135
137
|
|
|
136
138
|
var component = colDef.searchComponent ? colDef.searchComponent : colDef.filter == "agDateColumnFilter" ? "DatePicker.RangePicker" : "Input";
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
2
|
|
|
3
|
+
import _debounce from "lodash/debounce";
|
|
4
|
+
import _isArray from "lodash/isArray";
|
|
5
|
+
import _isEmpty from "lodash/isEmpty";
|
|
6
|
+
import _cloneDeep from "lodash/cloneDeep";
|
|
3
7
|
var _excluded = ["storageKey", "editMode", "widgets", "defaultLayout", "widgetWrapClassName", "widgetWrapStyle", "layout", "minHeight", "maxWidgetLength", "toolbar", "onLayoutChange", "onReset", "onReload", "onRemoveWidget", "onAddWidget", "onCancelEdit", "onEdit", "onRevert", "onSave"];
|
|
4
8
|
|
|
5
9
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -37,7 +41,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
37
41
|
import { CheckOutlined, CloseOutlined, DashboardOutlined, DeleteOutlined, PlusOutlined, ReloadOutlined, RetweetOutlined } from '@ant-design/icons';
|
|
38
42
|
import { Button, Empty, message, Spin, Tooltip } from 'antd';
|
|
39
43
|
import classnames from 'classnames';
|
|
40
|
-
import _ from 'lodash';
|
|
41
44
|
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState } from 'react';
|
|
42
45
|
import { Responsive, WidthProvider } from 'react-grid-layout';
|
|
43
46
|
import KeyEvent from 'react-keyevent';
|
|
@@ -103,7 +106,7 @@ var Dashboard = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
103
106
|
dirtyCurrentLayout = _state$dirtyCurrentLa === void 0 ? [] : _state$dirtyCurrentLa;
|
|
104
107
|
var dom = useRef(null); //获取操作
|
|
105
108
|
|
|
106
|
-
var fetch = useCallback(
|
|
109
|
+
var fetch = useCallback(_debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
107
110
|
var response, _layout, resArr, data;
|
|
108
111
|
|
|
109
112
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
@@ -118,12 +121,12 @@ var Dashboard = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
118
121
|
|
|
119
122
|
case 3:
|
|
120
123
|
response = _context.sent;
|
|
121
|
-
_layout =
|
|
124
|
+
_layout = _isArray(defaultLayout) ? defaultLayout : [];
|
|
122
125
|
|
|
123
126
|
if (response) {
|
|
124
127
|
resArr = JSON.parse(response).currentLayout;
|
|
125
128
|
|
|
126
|
-
if (!
|
|
129
|
+
if (!_isEmpty(resArr)) {
|
|
127
130
|
_layout = resArr;
|
|
128
131
|
}
|
|
129
132
|
}
|
|
@@ -234,7 +237,7 @@ var Dashboard = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
234
237
|
};
|
|
235
238
|
}(), [storageKey, widgets]); //改变布局触发
|
|
236
239
|
|
|
237
|
-
var onLayoutChange = useCallback(
|
|
240
|
+
var onLayoutChange = useCallback(_debounce(function (layout, layouts, callback) {
|
|
238
241
|
window.dispatchEvent(new Event('resize'));
|
|
239
242
|
|
|
240
243
|
if (!stateEditMode) {
|
|
@@ -276,7 +279,7 @@ var Dashboard = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
276
279
|
var removeWidget = useCallback(function (widgetKey) {
|
|
277
280
|
var removedWidget;
|
|
278
281
|
|
|
279
|
-
var newLayout =
|
|
282
|
+
var newLayout = _cloneDeep(dirtyCurrentLayout);
|
|
280
283
|
|
|
281
284
|
newLayout.map(function (item, index) {
|
|
282
285
|
if (item['i'] === widgetKey) {
|
|
@@ -398,7 +401,7 @@ var Dashboard = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
398
401
|
}, [editMode]); //响应外部数据
|
|
399
402
|
|
|
400
403
|
useEffect(function () {
|
|
401
|
-
if (!
|
|
404
|
+
if (!_isArray(customLayout)) {
|
|
402
405
|
return;
|
|
403
406
|
}
|
|
404
407
|
|
|
@@ -551,7 +554,7 @@ var Dashboard = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
551
554
|
size: "small",
|
|
552
555
|
onClick: revert,
|
|
553
556
|
icon: /*#__PURE__*/React.createElement(RetweetOutlined, null)
|
|
554
|
-
}, '恢复'), !
|
|
557
|
+
}, '恢复'), !_isEmpty(finLayout) && /*#__PURE__*/React.createElement(Button, {
|
|
555
558
|
size: "small",
|
|
556
559
|
danger: true,
|
|
557
560
|
onClick: reset,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
2
|
|
|
3
|
+
import _cloneDeep from "lodash/cloneDeep";
|
|
4
|
+
|
|
3
5
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
4
6
|
|
|
5
7
|
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); } }
|
|
6
8
|
|
|
7
9
|
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); }); }; }
|
|
8
10
|
|
|
9
|
-
// import { updateApi as modifySmartChartConfig } from '@/pages/common/widgets/smartchart/service'
|
|
10
|
-
import _ from 'lodash';
|
|
11
11
|
export var request = /*#__PURE__*/function () {
|
|
12
12
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(url, options) {
|
|
13
13
|
var method, _options$data, dataId, dataType, bigData, res;
|
|
@@ -67,7 +67,7 @@ export var copy = function copy(str) {
|
|
|
67
67
|
}, 1000);
|
|
68
68
|
};
|
|
69
69
|
export var formatLayout = function formatLayout(layout) {
|
|
70
|
-
var data =
|
|
70
|
+
var data = _cloneDeep(layout);
|
|
71
71
|
|
|
72
72
|
data.forEach(function (item) {
|
|
73
73
|
delete item.minW;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import _get from "lodash/get";
|
|
2
|
+
|
|
1
3
|
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; }
|
|
2
4
|
|
|
3
5
|
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; }
|
|
@@ -17,7 +19,6 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
17
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
20
|
|
|
19
21
|
import classnames from 'classnames';
|
|
20
|
-
import _ from 'lodash';
|
|
21
22
|
import React, { useState } from 'react';
|
|
22
23
|
import "./index.less";
|
|
23
24
|
import { ConfigBar } from "./utils";
|
|
@@ -37,9 +38,9 @@ var Widget = function Widget(props) {
|
|
|
37
38
|
configShow = _useState2[0],
|
|
38
39
|
setConfigShow = _useState2[1];
|
|
39
40
|
|
|
40
|
-
var component =
|
|
41
|
+
var component = _get(widgets, widgetType + '.component');
|
|
41
42
|
|
|
42
|
-
var configComponent =
|
|
43
|
+
var configComponent = _get(widgets, widgetType + '.configComponent');
|
|
43
44
|
|
|
44
45
|
return /*#__PURE__*/React.createElement("div", {
|
|
45
46
|
className: classnames(widgetWrapClassName, 'react-dashboard-widget'),
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import _get from "lodash/get";
|
|
2
|
+
import _isEmpty from "lodash/isEmpty";
|
|
3
|
+
import _cloneDeep from "lodash/cloneDeep";
|
|
4
|
+
|
|
1
5
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
2
6
|
|
|
3
7
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -21,7 +25,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
21
25
|
import { AppstoreAddOutlined, PlusOutlined, SearchOutlined } from '@ant-design/icons';
|
|
22
26
|
import { Button, Drawer, Empty, Input } from 'antd';
|
|
23
27
|
import classnames from 'classnames';
|
|
24
|
-
import _ from 'lodash';
|
|
25
28
|
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
26
29
|
import "./index.less";
|
|
27
30
|
var Search = Input.Search;
|
|
@@ -101,7 +104,7 @@ var WidgetSelector = function WidgetSelector(props) {
|
|
|
101
104
|
handleCalcMenuData();
|
|
102
105
|
}, []);
|
|
103
106
|
var finWidgets = useMemo(function () {
|
|
104
|
-
var finData =
|
|
107
|
+
var finData = _cloneDeep(widgets);
|
|
105
108
|
|
|
106
109
|
Object.keys(finData).map(function (key) {
|
|
107
110
|
//初始化数据
|
|
@@ -191,7 +194,7 @@ var WidgetSelector = function WidgetSelector(props) {
|
|
|
191
194
|
height: '100%',
|
|
192
195
|
overflowY: 'auto'
|
|
193
196
|
}
|
|
194
|
-
}, !
|
|
197
|
+
}, !_isEmpty(finWidgets) ? /*#__PURE__*/React.createElement("div", {
|
|
195
198
|
className: "react-dashboard-widget-waterfall",
|
|
196
199
|
style: {
|
|
197
200
|
columnCount: Math.ceil((width - 200) / 200)
|
|
@@ -212,8 +215,8 @@ var WidgetSelector = function WidgetSelector(props) {
|
|
|
212
215
|
}, /*#__PURE__*/React.createElement("div", {
|
|
213
216
|
className: 'react-dashboard-widget-iconWrap',
|
|
214
217
|
style: {
|
|
215
|
-
backgroundColor:
|
|
216
|
-
backgroundImage:
|
|
218
|
+
backgroundColor: _get(widgets, key + '.iconBackground'),
|
|
219
|
+
backgroundImage: _get(widgets, key + '.iconBackground')
|
|
217
220
|
}
|
|
218
221
|
}, item.icon), /*#__PURE__*/React.createElement("div", {
|
|
219
222
|
className: 'react-dashboard-widget-name'
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
+
import _get from "lodash/get";
|
|
1
2
|
import { Drawer } from 'antd';
|
|
2
|
-
import _ from 'lodash';
|
|
3
3
|
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import { FaCog } from 'react-icons/fa'; // import allWidgets from '../../widgets';
|
|
4
|
+
import { DeleteOutlined, SettingOutlined } from '@ant-design/icons'; // import allWidgets from '../../widgets';
|
|
6
5
|
//获取widget的类型
|
|
7
6
|
|
|
8
7
|
export var getWidgetType = function getWidgetType(i, widgets) {
|
|
@@ -26,17 +25,17 @@ export var ConfigBar = function ConfigBar(props) {
|
|
|
26
25
|
var widgetType = getWidgetType(widgetKey, widgets);
|
|
27
26
|
return /*#__PURE__*/React.createElement(React.Fragment, null, editMode && /*#__PURE__*/React.createElement("div", {
|
|
28
27
|
className: 'react-dashboard-mask'
|
|
29
|
-
}), editMode &&
|
|
28
|
+
}), editMode && _get('widgets', widgetType + '.configComponent') && /*#__PURE__*/React.createElement("div", {
|
|
30
29
|
className: 'react-dashboard-configicon',
|
|
31
30
|
onClick: function onClick() {
|
|
32
31
|
return setConfigShow(true);
|
|
33
32
|
}
|
|
34
|
-
}, /*#__PURE__*/React.createElement(
|
|
33
|
+
}, /*#__PURE__*/React.createElement(SettingOutlined, null)), editMode && /*#__PURE__*/React.createElement("div", {
|
|
35
34
|
className: 'react-dashboard-deleteicon',
|
|
36
35
|
onClick: function onClick() {
|
|
37
36
|
return onDeleteWidget();
|
|
38
37
|
}
|
|
39
|
-
}, /*#__PURE__*/React.createElement(
|
|
38
|
+
}, /*#__PURE__*/React.createElement(DeleteOutlined, null)));
|
|
40
39
|
}; //config的容器
|
|
41
40
|
|
|
42
41
|
export var ConfigWrap = function ConfigWrap(props, widgets) {
|
|
@@ -64,7 +63,7 @@ export var ConfigWrap = function ConfigWrap(props, widgets) {
|
|
|
64
63
|
}
|
|
65
64
|
|
|
66
65
|
var widgetType = getWidgetType(widgetKey, widgets);
|
|
67
|
-
return
|
|
66
|
+
return _get(widgets, widgetType + '.name') + '设置';
|
|
68
67
|
}, [widgetKey, widgets, getWidgetType]);
|
|
69
68
|
useEffect(function () {
|
|
70
69
|
afterVisibleChange(visible);
|