@nokecy/qc-ui 0.8.8 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ConfirmPro/index.d.ts +13 -0
- package/dist/cjs/ConfirmPro/index.js +46 -0
- package/dist/cjs/ag-grid-plus/ag-gridPlus.js +27 -6
- package/dist/cjs/ag-grid-plus/setting/index.js +4 -2
- package/dist/cjs/fullScreenAlert/index.d.ts +9 -0
- package/dist/cjs/fullScreenAlert/index.js +49 -0
- package/dist/cjs/fullScreenAlert/index.less +133 -0
- package/dist/cjs/importModal/index.d.ts +8 -0
- package/dist/cjs/importModal/index.js +81 -0
- package/dist/cjs/index.d.ts +5 -1
- package/dist/cjs/index.js +28 -0
- package/dist/esm/ConfirmPro/index.d.ts +13 -0
- package/dist/esm/ConfirmPro/index.js +39 -0
- package/dist/esm/ag-grid-plus/ag-gridPlus.js +27 -6
- package/dist/esm/ag-grid-plus/setting/index.js +4 -2
- package/dist/esm/fullScreenAlert/index.d.ts +9 -0
- package/dist/esm/fullScreenAlert/index.js +41 -0
- package/dist/esm/fullScreenAlert/index.less +133 -0
- package/dist/esm/importModal/index.d.ts +8 -0
- package/dist/esm/importModal/index.js +75 -0
- package/dist/esm/index.d.ts +5 -1
- package/dist/esm/index.js +5 -1
- package/dist/umd/qc-ui.min.css +1 -1
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* 通用二次确认提示
|
|
4
|
+
* @param props
|
|
5
|
+
* @returns
|
|
6
|
+
*/
|
|
7
|
+
declare const ConfirmPro: (props: {
|
|
8
|
+
onConfirm: () => Promise<any>;
|
|
9
|
+
title: string;
|
|
10
|
+
content?: string | undefined;
|
|
11
|
+
children: any;
|
|
12
|
+
}) => React.JSX.Element;
|
|
13
|
+
export default ConfirmPro;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _antd = require("antd");
|
|
9
|
+
var _icons = require("@ant-design/icons");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var confirm = _antd.Modal.confirm;
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* 通用二次确认提示
|
|
15
|
+
* @param props
|
|
16
|
+
* @returns
|
|
17
|
+
*/
|
|
18
|
+
var ConfirmPro = function ConfirmPro(props) {
|
|
19
|
+
var onConfirm = props.onConfirm,
|
|
20
|
+
title = props.title,
|
|
21
|
+
content = props.content,
|
|
22
|
+
children = props.children;
|
|
23
|
+
var showPromiseConfirm = function showPromiseConfirm() {
|
|
24
|
+
confirm({
|
|
25
|
+
title: title,
|
|
26
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.ExclamationCircleFilled, null),
|
|
27
|
+
content: "\u5371\u9669\u64CD\u4F5C,\u4E3A\u9632\u6B62\u8BEF\u89E6\u53D1,".concat(title),
|
|
28
|
+
onOk: function onOk() {
|
|
29
|
+
return new Promise(function (resolve, reject) {
|
|
30
|
+
if (onConfirm) {
|
|
31
|
+
onConfirm().then(resolve).catch(reject);
|
|
32
|
+
} else {
|
|
33
|
+
resolve("");
|
|
34
|
+
}
|
|
35
|
+
}).catch(function () {
|
|
36
|
+
return console.log('Oops errors!');
|
|
37
|
+
});
|
|
38
|
+
},
|
|
39
|
+
onCancel: function onCancel() {}
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
43
|
+
onClick: showPromiseConfirm
|
|
44
|
+
}, children);
|
|
45
|
+
};
|
|
46
|
+
var _default = exports.default = ConfirmPro;
|
|
@@ -300,11 +300,32 @@ function AgGridPlus(props) {
|
|
|
300
300
|
});
|
|
301
301
|
return calculateArrCopy;
|
|
302
302
|
};
|
|
303
|
-
var
|
|
303
|
+
var getDataType = function getDataType(data, colName) {
|
|
304
|
+
if (typeof data[colName] === 'number') {
|
|
305
|
+
return {
|
|
306
|
+
type: "number",
|
|
307
|
+
calculateType: "sum",
|
|
308
|
+
cellStyle: {
|
|
309
|
+
'text-align': 'right'
|
|
310
|
+
}
|
|
311
|
+
};
|
|
312
|
+
}
|
|
313
|
+
return undefined;
|
|
314
|
+
};
|
|
315
|
+
var getTableColumns = function getTableColumns(rowDataList) {
|
|
316
|
+
var data = rowDataList.length > 0 ? rowDataList[0] : {};
|
|
304
317
|
var columnProps = _react.default.Children.map(children, function (child, index) {
|
|
305
|
-
return child.props;
|
|
318
|
+
return _objectSpread({}, child.props);
|
|
306
319
|
});
|
|
307
320
|
var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
|
|
321
|
+
columnDefs = columnDefs.map(function (col) {
|
|
322
|
+
var dataType = getDataType(data, col.field);
|
|
323
|
+
if (col.type) {
|
|
324
|
+
return _objectSpread({}, col);
|
|
325
|
+
} else {
|
|
326
|
+
return _objectSpread(_objectSpread({}, dataType), col);
|
|
327
|
+
}
|
|
328
|
+
});
|
|
308
329
|
extensibleColumns && gridKey && extensibleColumns[gridKey] && extensibleColumns[gridKey].map(function (column) {
|
|
309
330
|
columnDefs.push({
|
|
310
331
|
field: column.name,
|
|
@@ -316,15 +337,15 @@ function AgGridPlus(props) {
|
|
|
316
337
|
return columnDefs;
|
|
317
338
|
};
|
|
318
339
|
var colDefs = (0, _react.useMemo)(function () {
|
|
319
|
-
var columnDefs = getTableColumns();
|
|
340
|
+
var columnDefs = getTableColumns(rowData);
|
|
320
341
|
columnDefs = columnDefs.filter(function (x) {
|
|
321
342
|
return !x.hideInTable;
|
|
322
343
|
});
|
|
323
344
|
return columnDefs;
|
|
324
|
-
}, [props.columnDefs, extensibleColumns]);
|
|
345
|
+
}, [children, props.columnDefs, extensibleColumns, rowData]);
|
|
325
346
|
var allColDefs = (0, _react.useMemo)(function () {
|
|
326
|
-
return getTableColumns();
|
|
327
|
-
}, [props.columnDefs, extensibleColumns]);
|
|
347
|
+
return getTableColumns(rowData);
|
|
348
|
+
}, [children, props.columnDefs, extensibleColumns, rowData]);
|
|
328
349
|
(0, _react.useEffect)(function () {
|
|
329
350
|
if (!allColDefs || rowData.length === 0) return;
|
|
330
351
|
var calcColFields = allColDefs.filter(function (col) {
|
|
@@ -10,6 +10,7 @@ var _react = require("@formily/react");
|
|
|
10
10
|
var _core = require("@formily/core");
|
|
11
11
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _icons = require("@ant-design/icons");
|
|
13
|
+
var _arrayTable = _interopRequireDefault(require("../../array-table"));
|
|
13
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -35,7 +36,7 @@ var Setting = function Setting(props) {
|
|
|
35
36
|
Space: _antdV.Space,
|
|
36
37
|
Input: _antdV.Input,
|
|
37
38
|
Select: _antdV.Select,
|
|
38
|
-
ArrayTable:
|
|
39
|
+
ArrayTable: _arrayTable.default,
|
|
39
40
|
NumberPicker: _antdV.NumberPicker,
|
|
40
41
|
Switch: _antdV.Switch
|
|
41
42
|
}
|
|
@@ -54,6 +55,7 @@ var Setting = function Setting(props) {
|
|
|
54
55
|
var columns = columnStates.map(function (columnState) {
|
|
55
56
|
var colDef = gridApi === null || gridApi === void 0 ? void 0 : gridApi.getColumnDef(columnState.colId);
|
|
56
57
|
columnRowData.push(_objectSpread({
|
|
58
|
+
id: (0, _uniqueId2.default)(),
|
|
57
59
|
field: colDef.field,
|
|
58
60
|
headerName: colDef.headerName,
|
|
59
61
|
width: columnState.width,
|
|
@@ -104,7 +106,7 @@ var Setting = function Setting(props) {
|
|
|
104
106
|
}, /*#__PURE__*/_react2.default.createElement(SchemaField.Object, null, /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
|
|
105
107
|
"x-component": "ArrayTable.Column",
|
|
106
108
|
"x-component-props": {
|
|
107
|
-
width:
|
|
109
|
+
width: 300,
|
|
108
110
|
title: "列名"
|
|
109
111
|
}
|
|
110
112
|
}, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
require("./index.less");
|
|
10
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
|
+
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); }
|
|
13
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
14
|
+
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."); }
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
18
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
|
+
/**
|
|
20
|
+
* 全部闪烁警告
|
|
21
|
+
* @param props
|
|
22
|
+
* @returns
|
|
23
|
+
*/
|
|
24
|
+
var FullScreenAlert = function FullScreenAlert(props) {
|
|
25
|
+
var activeProps = props.active,
|
|
26
|
+
type = props.type,
|
|
27
|
+
onChange = props.onChange;
|
|
28
|
+
var clearRef = (0, _react.useRef)();
|
|
29
|
+
var _useState = (0, _react.useState)(activeProps ? activeProps : false),
|
|
30
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
31
|
+
active = _useState2[0],
|
|
32
|
+
setActive = _useState2[1];
|
|
33
|
+
(0, _react.useEffect)(function () {
|
|
34
|
+
if (clearRef.current) {
|
|
35
|
+
clearTimeout(clearRef.current);
|
|
36
|
+
}
|
|
37
|
+
if (activeProps) {
|
|
38
|
+
setActive(activeProps);
|
|
39
|
+
clearRef.current = setTimeout(function () {
|
|
40
|
+
setActive(false);
|
|
41
|
+
onChange && onChange(false);
|
|
42
|
+
}, 1000 * 3);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
46
|
+
className: active ? "alertOverlay alert-active ".concat(type == 'error' ? 'errorOverlay' : '') : ''
|
|
47
|
+
}, props));
|
|
48
|
+
};
|
|
49
|
+
var _default = exports.default = FullScreenAlert;
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--alert-size: 120px;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.successOverlay::before,
|
|
6
|
+
.successOverlay::after {
|
|
7
|
+
position: absolute;
|
|
8
|
+
width: var(--alert-size);
|
|
9
|
+
height: 100%;
|
|
10
|
+
content: '';
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.successOverlay > div::before,
|
|
14
|
+
.successOverlay > div::after {
|
|
15
|
+
position: absolute;
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: var(--alert-size);
|
|
18
|
+
content: '';
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.successOverlay::before {
|
|
22
|
+
top: 0;
|
|
23
|
+
left: 0;
|
|
24
|
+
background: linear-gradient(to right, green, transparent);
|
|
25
|
+
transform: rotate(0deg);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.successOverlay::after {
|
|
29
|
+
top: 0%;
|
|
30
|
+
left: 100%;
|
|
31
|
+
background: linear-gradient(to left, green, transparent);
|
|
32
|
+
transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.successOverlay > div::before {
|
|
36
|
+
top: 0;
|
|
37
|
+
left: 0;
|
|
38
|
+
background: linear-gradient(to top, green, transparent);
|
|
39
|
+
transform: rotate(180deg);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.successOverlay > div::after {
|
|
43
|
+
top: 100%;
|
|
44
|
+
left: 0;
|
|
45
|
+
background: linear-gradient(to top, green, transparent);
|
|
46
|
+
transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.successOverlay {
|
|
50
|
+
position: absolute;
|
|
51
|
+
top: 0;
|
|
52
|
+
left: 0;
|
|
53
|
+
z-index: 1;
|
|
54
|
+
box-sizing: border-box;
|
|
55
|
+
width: 100%;
|
|
56
|
+
height: 100%;
|
|
57
|
+
opacity: 1;
|
|
58
|
+
transition: opacity 0.5s;
|
|
59
|
+
pointer-events: none;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.errorOverlay::before,
|
|
63
|
+
.errorOverlay::after {
|
|
64
|
+
position: absolute;
|
|
65
|
+
width: var(--alert-size);
|
|
66
|
+
height: 100%;
|
|
67
|
+
content: '';
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.errorOverlay > div::before,
|
|
71
|
+
.errorOverlay > div::after {
|
|
72
|
+
position: absolute;
|
|
73
|
+
width: 100%;
|
|
74
|
+
height: var(--alert-size);
|
|
75
|
+
content: '';
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.errorOverlay::before {
|
|
79
|
+
top: 0;
|
|
80
|
+
left: 0;
|
|
81
|
+
background: linear-gradient(to right, red, transparent);
|
|
82
|
+
transform: rotate(0deg);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.errorOverlay::after {
|
|
86
|
+
top: 0%;
|
|
87
|
+
left: 100%;
|
|
88
|
+
background: linear-gradient(to left, red, transparent);
|
|
89
|
+
transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.errorOverlay > div::before {
|
|
93
|
+
top: 0;
|
|
94
|
+
left: 0;
|
|
95
|
+
background: linear-gradient(to top, red, transparent);
|
|
96
|
+
transform: rotate(180deg);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.errorOverlay > div::after {
|
|
100
|
+
top: 100%;
|
|
101
|
+
left: 0;
|
|
102
|
+
background: linear-gradient(to top, red, transparent);
|
|
103
|
+
transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.errorOverlay {
|
|
107
|
+
position: absolute;
|
|
108
|
+
top: 0;
|
|
109
|
+
left: 0;
|
|
110
|
+
z-index: 1;
|
|
111
|
+
box-sizing: border-box;
|
|
112
|
+
width: 100%;
|
|
113
|
+
height: 100%;
|
|
114
|
+
opacity: 1;
|
|
115
|
+
transition: opacity 0.5s;
|
|
116
|
+
pointer-events: none;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.alert-active {
|
|
120
|
+
animation: blink 0.75s infinite;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
@keyframes blink {
|
|
124
|
+
0% {
|
|
125
|
+
opacity: 0;
|
|
126
|
+
}
|
|
127
|
+
50% {
|
|
128
|
+
opacity: 0.5;
|
|
129
|
+
}
|
|
130
|
+
100% {
|
|
131
|
+
opacity: 0;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _antd = require("antd");
|
|
8
|
+
var _icons = require("@ant-design/icons");
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _ahooks = require("ahooks");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
+
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."); }
|
|
14
|
+
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); }
|
|
15
|
+
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; }
|
|
16
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
+
/**
|
|
19
|
+
* 通用导入弹出框
|
|
20
|
+
* @param props
|
|
21
|
+
* @returns
|
|
22
|
+
*/
|
|
23
|
+
var ImportModal = function ImportModal(props) {
|
|
24
|
+
var onAfterSubmit = props.onAfterSubmit,
|
|
25
|
+
title = props.title,
|
|
26
|
+
downUrl = props.downUrl,
|
|
27
|
+
uploadUrl = props.uploadUrl,
|
|
28
|
+
children = props.children,
|
|
29
|
+
id = props.id,
|
|
30
|
+
downloadBlob = props.downloadBlob,
|
|
31
|
+
serverUrl = props.serverUrl;
|
|
32
|
+
var _useBoolean = (0, _ahooks.useBoolean)(false),
|
|
33
|
+
_useBoolean2 = _slicedToArray(_useBoolean, 2),
|
|
34
|
+
visible = _useBoolean2[0],
|
|
35
|
+
_useBoolean2$ = _useBoolean2[1],
|
|
36
|
+
setTrue = _useBoolean2$.setTrue,
|
|
37
|
+
setFalse = _useBoolean2$.setFalse;
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
|
|
39
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.ImportOutlined, null),
|
|
40
|
+
onClick: setTrue
|
|
41
|
+
}, children || "导入"), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
|
|
42
|
+
title: "\u6279\u91CF\u5BFC\u5165".concat(title),
|
|
43
|
+
open: visible,
|
|
44
|
+
onCancel: setFalse,
|
|
45
|
+
destroyOnClose: true
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement(_antd.Alert, {
|
|
47
|
+
message: /*#__PURE__*/_react.default.createElement("span", null, "\u70B9\u51FB\u4E0B\u8F7D", ' ', /*#__PURE__*/_react.default.createElement("a", {
|
|
48
|
+
onClick: function onClick() {
|
|
49
|
+
downloadBlob(downUrl, "\u6279\u91CF\u4E0A\u4F20".concat(title, "\u6A21\u7248.xlsx"));
|
|
50
|
+
}
|
|
51
|
+
}, "\u6A21\u7248")),
|
|
52
|
+
type: 'info'
|
|
53
|
+
}), /*#__PURE__*/_react.default.createElement(_antd.Upload.Dragger, {
|
|
54
|
+
style: {
|
|
55
|
+
marginTop: 10
|
|
56
|
+
},
|
|
57
|
+
multiple: false,
|
|
58
|
+
action: id && id.length > 0 ? "".concat(serverUrl()).concat(uploadUrl, "?id=").concat(id || '') : "".concat(serverUrl()).concat(uploadUrl),
|
|
59
|
+
onChange: function onChange(info) {
|
|
60
|
+
if (info.file.status === 'done') {
|
|
61
|
+
_antd.message.success('导入成功');
|
|
62
|
+
setFalse();
|
|
63
|
+
if (onAfterSubmit) onAfterSubmit(info.file.response);
|
|
64
|
+
}
|
|
65
|
+
if (info.file.status === 'error') {
|
|
66
|
+
var _info$file;
|
|
67
|
+
_antd.Modal.info({
|
|
68
|
+
title: '导入失败,原因如下:',
|
|
69
|
+
closable: true,
|
|
70
|
+
width: 1000,
|
|
71
|
+
content: info === null || info === void 0 || (_info$file = info.file) === null || _info$file === void 0 || (_info$file = _info$file.response) === null || _info$file === void 0 || (_info$file = _info$file.error) === null || _info$file === void 0 ? void 0 : _info$file.message
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
76
|
+
className: "ant-upload-drag-icon"
|
|
77
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.InboxOutlined, null)), /*#__PURE__*/_react.default.createElement("p", {
|
|
78
|
+
className: "ant-upload-text"
|
|
79
|
+
}, "\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u8BE5\u533A\u57DF\u4E0A\u4F20"))));
|
|
80
|
+
};
|
|
81
|
+
var _default = exports.default = ImportModal;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -11,4 +11,8 @@ import { FormDesigner } from "./formDesigner";
|
|
|
11
11
|
import { FormProLayout } from "./formPro";
|
|
12
12
|
import { FormProContext } from "./formPro/context/formProContext";
|
|
13
13
|
import QueryBuilder from "./queryBuilder";
|
|
14
|
-
|
|
14
|
+
import ToolBar from "./toolBar";
|
|
15
|
+
import ImportModal from "./importModal";
|
|
16
|
+
import FullScreenAlert from "./fullScreenAlert";
|
|
17
|
+
import ConfirmPro from "./ConfirmPro";
|
|
18
|
+
export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, ImportModal, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro };
|
package/dist/cjs/index.js
CHANGED
|
@@ -33,6 +33,12 @@ Object.defineProperty(exports, "Card", {
|
|
|
33
33
|
return _card.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
+
Object.defineProperty(exports, "ConfirmPro", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _ConfirmPro.default;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
36
42
|
Object.defineProperty(exports, "Dashboard", {
|
|
37
43
|
enumerable: true,
|
|
38
44
|
get: function get() {
|
|
@@ -81,18 +87,36 @@ Object.defineProperty(exports, "FormProLayout", {
|
|
|
81
87
|
return _formPro.FormProLayout;
|
|
82
88
|
}
|
|
83
89
|
});
|
|
90
|
+
Object.defineProperty(exports, "FullScreenAlert", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _fullScreenAlert.default;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
84
96
|
Object.defineProperty(exports, "GridPlusContext", {
|
|
85
97
|
enumerable: true,
|
|
86
98
|
get: function get() {
|
|
87
99
|
return _agGridPlus.GridPlusContext;
|
|
88
100
|
}
|
|
89
101
|
});
|
|
102
|
+
Object.defineProperty(exports, "ImportModal", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function get() {
|
|
105
|
+
return _importModal.default;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
90
108
|
Object.defineProperty(exports, "QueryBuilder", {
|
|
91
109
|
enumerable: true,
|
|
92
110
|
get: function get() {
|
|
93
111
|
return _queryBuilder.default;
|
|
94
112
|
}
|
|
95
113
|
});
|
|
114
|
+
Object.defineProperty(exports, "ToolBar", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function get() {
|
|
117
|
+
return _toolBar.default;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
96
120
|
Object.defineProperty(exports, "flattenTreeDeep", {
|
|
97
121
|
enumerable: true,
|
|
98
122
|
get: function get() {
|
|
@@ -112,4 +136,8 @@ var _formDesigner = require("./formDesigner");
|
|
|
112
136
|
var _formPro = require("./formPro");
|
|
113
137
|
var _formProContext = require("./formPro/context/formProContext");
|
|
114
138
|
var _queryBuilder = _interopRequireDefault(require("./queryBuilder"));
|
|
139
|
+
var _toolBar = _interopRequireDefault(require("./toolBar"));
|
|
140
|
+
var _importModal = _interopRequireDefault(require("./importModal"));
|
|
141
|
+
var _fullScreenAlert = _interopRequireDefault(require("./fullScreenAlert"));
|
|
142
|
+
var _ConfirmPro = _interopRequireDefault(require("./ConfirmPro"));
|
|
115
143
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* 通用二次确认提示
|
|
4
|
+
* @param props
|
|
5
|
+
* @returns
|
|
6
|
+
*/
|
|
7
|
+
declare const ConfirmPro: (props: {
|
|
8
|
+
onConfirm: () => Promise<any>;
|
|
9
|
+
title: string;
|
|
10
|
+
content?: string | undefined;
|
|
11
|
+
children: any;
|
|
12
|
+
}) => React.JSX.Element;
|
|
13
|
+
export default ConfirmPro;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Modal } from "antd";
|
|
3
|
+
import { ExclamationCircleFilled } from "@ant-design/icons";
|
|
4
|
+
var confirm = Modal.confirm;
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* 通用二次确认提示
|
|
8
|
+
* @param props
|
|
9
|
+
* @returns
|
|
10
|
+
*/
|
|
11
|
+
var ConfirmPro = function ConfirmPro(props) {
|
|
12
|
+
var onConfirm = props.onConfirm,
|
|
13
|
+
title = props.title,
|
|
14
|
+
content = props.content,
|
|
15
|
+
children = props.children;
|
|
16
|
+
var showPromiseConfirm = function showPromiseConfirm() {
|
|
17
|
+
confirm({
|
|
18
|
+
title: title,
|
|
19
|
+
icon: /*#__PURE__*/React.createElement(ExclamationCircleFilled, null),
|
|
20
|
+
content: "\u5371\u9669\u64CD\u4F5C,\u4E3A\u9632\u6B62\u8BEF\u89E6\u53D1,".concat(title),
|
|
21
|
+
onOk: function onOk() {
|
|
22
|
+
return new Promise(function (resolve, reject) {
|
|
23
|
+
if (onConfirm) {
|
|
24
|
+
onConfirm().then(resolve).catch(reject);
|
|
25
|
+
} else {
|
|
26
|
+
resolve("");
|
|
27
|
+
}
|
|
28
|
+
}).catch(function () {
|
|
29
|
+
return console.log('Oops errors!');
|
|
30
|
+
});
|
|
31
|
+
},
|
|
32
|
+
onCancel: function onCancel() {}
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
36
|
+
onClick: showPromiseConfirm
|
|
37
|
+
}, children);
|
|
38
|
+
};
|
|
39
|
+
export default ConfirmPro;
|
|
@@ -291,11 +291,32 @@ function AgGridPlus(props) {
|
|
|
291
291
|
});
|
|
292
292
|
return calculateArrCopy;
|
|
293
293
|
};
|
|
294
|
-
var
|
|
294
|
+
var getDataType = function getDataType(data, colName) {
|
|
295
|
+
if (typeof data[colName] === 'number') {
|
|
296
|
+
return {
|
|
297
|
+
type: "number",
|
|
298
|
+
calculateType: "sum",
|
|
299
|
+
cellStyle: {
|
|
300
|
+
'text-align': 'right'
|
|
301
|
+
}
|
|
302
|
+
};
|
|
303
|
+
}
|
|
304
|
+
return undefined;
|
|
305
|
+
};
|
|
306
|
+
var getTableColumns = function getTableColumns(rowDataList) {
|
|
307
|
+
var data = rowDataList.length > 0 ? rowDataList[0] : {};
|
|
295
308
|
var columnProps = React.Children.map(children, function (child, index) {
|
|
296
|
-
return child.props;
|
|
309
|
+
return _objectSpread({}, child.props);
|
|
297
310
|
});
|
|
298
311
|
var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
|
|
312
|
+
columnDefs = columnDefs.map(function (col) {
|
|
313
|
+
var dataType = getDataType(data, col.field);
|
|
314
|
+
if (col.type) {
|
|
315
|
+
return _objectSpread({}, col);
|
|
316
|
+
} else {
|
|
317
|
+
return _objectSpread(_objectSpread({}, dataType), col);
|
|
318
|
+
}
|
|
319
|
+
});
|
|
299
320
|
extensibleColumns && gridKey && extensibleColumns[gridKey] && extensibleColumns[gridKey].map(function (column) {
|
|
300
321
|
columnDefs.push({
|
|
301
322
|
field: column.name,
|
|
@@ -307,15 +328,15 @@ function AgGridPlus(props) {
|
|
|
307
328
|
return columnDefs;
|
|
308
329
|
};
|
|
309
330
|
var colDefs = useMemo(function () {
|
|
310
|
-
var columnDefs = getTableColumns();
|
|
331
|
+
var columnDefs = getTableColumns(rowData);
|
|
311
332
|
columnDefs = columnDefs.filter(function (x) {
|
|
312
333
|
return !x.hideInTable;
|
|
313
334
|
});
|
|
314
335
|
return columnDefs;
|
|
315
|
-
}, [props.columnDefs, extensibleColumns]);
|
|
336
|
+
}, [children, props.columnDefs, extensibleColumns, rowData]);
|
|
316
337
|
var allColDefs = useMemo(function () {
|
|
317
|
-
return getTableColumns();
|
|
318
|
-
}, [props.columnDefs, extensibleColumns]);
|
|
338
|
+
return getTableColumns(rowData);
|
|
339
|
+
}, [children, props.columnDefs, extensibleColumns, rowData]);
|
|
319
340
|
useEffect(function () {
|
|
320
341
|
if (!allColDefs || rowData.length === 0) return;
|
|
321
342
|
var calcColFields = allColDefs.filter(function (col) {
|
|
@@ -8,11 +8,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
8
8
|
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; }
|
|
9
9
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
10
10
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
11
|
-
import {
|
|
11
|
+
import { FormDialog, FormGrid, FormItem, FormLayout, FormTab, Input, Select, Space, NumberPicker, Switch } from '@formily/antd-v5';
|
|
12
12
|
import { createSchemaField } from '@formily/react';
|
|
13
13
|
import { onFormInit } from '@formily/core';
|
|
14
14
|
import React, { useMemo } from "react";
|
|
15
15
|
import { SettingOutlined } from '@ant-design/icons';
|
|
16
|
+
import ArrayTable from "../../array-table";
|
|
16
17
|
var Setting = function Setting(props) {
|
|
17
18
|
var gridKey = props.gridKey,
|
|
18
19
|
gridApi = props.gridApi,
|
|
@@ -45,6 +46,7 @@ var Setting = function Setting(props) {
|
|
|
45
46
|
var columns = columnStates.map(function (columnState) {
|
|
46
47
|
var colDef = gridApi === null || gridApi === void 0 ? void 0 : gridApi.getColumnDef(columnState.colId);
|
|
47
48
|
columnRowData.push(_objectSpread({
|
|
49
|
+
id: _uniqueId(),
|
|
48
50
|
field: colDef.field,
|
|
49
51
|
headerName: colDef.headerName,
|
|
50
52
|
width: columnState.width,
|
|
@@ -95,7 +97,7 @@ var Setting = function Setting(props) {
|
|
|
95
97
|
}, /*#__PURE__*/React.createElement(SchemaField.Object, null, /*#__PURE__*/React.createElement(SchemaField.Void, {
|
|
96
98
|
"x-component": "ArrayTable.Column",
|
|
97
99
|
"x-component-props": {
|
|
98
|
-
width:
|
|
100
|
+
width: 300,
|
|
99
101
|
title: "列名"
|
|
100
102
|
}
|
|
101
103
|
}, /*#__PURE__*/React.createElement(SchemaField.String, {
|