@arim-aisdc/public-components 1.0.0 → 2.0.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.
- package/dist/assets/images/data.empty-dark.svg +45 -0
- package/dist/components/BaseInfo/BaseInfo.js +2 -3
- package/dist/components/CenterModal/CenterModal.js +5 -4
- package/dist/components/ColorSelector/ColorSelector.js +2 -3
- package/dist/components/CustomForm/CustomForm.js +48 -76
- package/dist/components/Drawer/Drawer.js +50 -69
- package/dist/components/Drawer/type.d.ts +1 -0
- package/dist/components/Filter/FilterInputNumber/index.js +2 -3
- package/dist/components/Filter/FilterRadio/index.js +4 -7
- package/dist/components/Filter/FilterSelect/index.js +3 -4
- package/dist/components/Filter/FilterSlider/index.js +2 -3
- package/dist/components/Filter/FilterSwitch/index.js +2 -3
- package/dist/components/GlobalTip/MessageTip/MessageTip.js +2 -3
- package/dist/components/GlobalTip/ModalTip/ModalTip.d.ts +1 -0
- package/dist/components/GlobalTip/ModalTip/ModalTip.js +13 -10
- package/dist/components/Permission/NoPermission.js +3 -6
- package/dist/components/QueryFilter/QueryFilter.js +92 -91
- package/dist/components/SchemaForm/SchemaForm.js +2 -3
- package/dist/components/SchemaForm/utils.js +3 -3
- package/dist/components/TableMax/TableBody/Row.js +2 -3
- package/dist/components/TableMax/TableBody/index.js +2 -3
- package/dist/components/TableMax/TableHeader/Cell.js +2 -3
- package/dist/components/TableMax/TableMax.js +10 -17
- package/dist/components/TableMax/components/ColumnEdit/components/numberRange/index.js +3 -4
- package/dist/components/TableMax/components/ColumnEdit/index.js +8 -19
- package/dist/components/TableMax/components/ColumnFilter/FilterDateRange/index.js +10 -11
- package/dist/components/TableMax/components/ColumnFilter/MultipleSelect/index.js +2 -3
- package/dist/components/TableMax/components/ColumnFilter/SingleSelect/index.js +2 -3
- package/dist/components/TableMax/components/ColumnFilter/index.js +9 -16
- package/dist/components/TableMax/components/ColumnSetting/index.js +5 -10
- package/dist/components/TableMax/components/ColumnSort/customSortFns.d.ts +8 -8
- package/dist/components/TableMax/components/ColumnSort/customSortFns.js +3 -3
- package/dist/components/TableMax/components/PaginationV2/index.js +3 -6
- package/dist/components/TableMax/utils.js +3 -3
- package/dist/components/ThemeProvider/ThemeProvider.js +6 -6
- package/dist/utils/request.js +4 -7
- package/package.json +6 -6
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="120.001831px" height="79.688716px" viewBox="0 0 120.001831 79.688716" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<title>编组</title>
|
|
4
|
+
<defs>
|
|
5
|
+
<path d="M9.37514304,57.1883726 C9.37514304,69.6149691 32.0410734,79.688716 60.0009155,79.688716 C87.9607576,79.688716 110.626688,69.6149691 110.626688,57.1883726 C110.626688,44.7617761 87.9607576,34.6880292 60.0009155,34.6880292 C32.0410734,34.6880292 9.37514304,44.7617761 9.37514304,57.1883726 Z" id="path-1"></path>
|
|
6
|
+
<path d="M76.8761731,36.5630579 L76.8761731,25.3128862 L99.3765163,25.3128862 L99.3765163,59.0634012 C99.3765163,61.1345006 97.6975585,62.8134584 95.6264591,62.8134584 L28.1254292,62.8134584 C27.1308522,62.8134584 26.1770104,62.4183643 25.4737383,61.7150921 C24.7704661,61.01182 24.3753719,60.0579783 24.3753719,59.0634012 L24.3753719,25.3128862 L46.8757153,25.3128862 L46.8757153,36.5630579 L76.8761731,36.5630579 Z" id="path-2"></path>
|
|
7
|
+
<path d="M46.8757153,22.5003433 C47.621648,22.5003433 48.3370293,22.7966639 48.8644834,23.3241181 C49.3919376,23.8515722 49.6882582,24.5669535 49.6882582,25.3128862 L49.6882582,33.750515 L74.0636301,33.750515 L74.0636301,25.3128862 C74.0636894,23.9074181 75.1012575,22.7177373 76.4936672,22.5265937 L76.8761731,22.5003433 L99.3765163,22.5003433 C100.122449,22.5003433 100.83783,22.7966639 101.365285,23.3241181 C101.892739,23.8515722 102.189059,24.5669535 102.189059,25.3128862 L102.189059,59.0634012 C102.189059,62.6878252 99.2508831,65.6260014 95.6264591,65.6260014 L28.1254292,65.6260014 C24.5010052,65.6260014 21.562829,62.6878252 21.562829,59.0634012 L21.562829,25.3128862 C21.562829,23.7595617 22.8220474,22.5003433 24.3753719,22.5003433 L46.8757153,22.5003433 L46.8757153,22.5003433 Z M96.5639735,28.1254292 L79.688716,28.1254292 L79.688716,36.5630579 C79.6886567,37.968526 78.6510886,39.1582068 77.2586789,39.3493504 L76.8761731,39.3756009 L46.8757153,39.3756009 C46.1297825,39.3756009 45.4144012,39.0792802 44.8869471,38.5518261 C44.359493,38.024372 44.0631724,37.3089907 44.0631724,36.5630579 L44.0631724,28.1254292 L27.1879149,28.1254292 L27.1879149,59.0634012 C27.1886374,59.498248 27.4882818,59.8755205 27.9116759,59.9746651 L28.1254292,60.0009156 L95.6264591,60.0009156 C96.144234,60.0009156 96.5639735,59.5811761 96.5639735,59.0634012 L96.5639735,28.1254292 L96.5639735,28.1254292 Z" id="path-3"></path>
|
|
8
|
+
<path d="M37.943079,5.62508584 C37.5876079,5.62438715 37.2623168,5.82478967 37.1030661,6.1425937 L26.8916603,26.5691554 C26.4475367,27.4763066 25.5510898,28.0756568 24.5430681,28.1393867 C23.5350465,28.2031167 22.570254,27.7214394 22.015418,26.8774451 C21.4605821,26.0334509 21.4009099,24.9567537 21.8590836,24.056617 L32.0742394,3.62630537 C33.1861356,1.40384846 35.4579979,0 37.943079,0 L85.8088093,0 C88.1038444,0 90.2151265,1.20001829 91.4001447,3.13129774 L91.6776489,3.62630537 L101.892805,24.056617 C102.285066,24.8419263 102.288169,25.7653494 101.901194,26.5532771 C101.514219,27.3412048 100.78155,27.9032681 99.9202746,28.0729283 L99.5565191,28.1216791 L99.1927636,28.1216791 C98.1944623,28.055866 97.3062707,27.4646903 96.8602279,26.5691554 L86.6488222,6.1425937 C86.4895715,5.82478967 86.1642804,5.62438715 85.8088093,5.62508584 L37.943079,5.62508584 Z" id="path-4"></path>
|
|
9
|
+
<path d="M20.6253147,6.56260016 C20.6253147,8.63369958 22.3042725,10.3126574 24.3753719,10.3126574 C26.4464714,10.3126574 28.1254292,8.63369958 28.1254292,6.56260016 C28.1254292,4.49150073 26.4464714,2.81254292 24.3753719,2.81254292 C22.3042725,2.81254292 20.6253147,4.49150073 20.6253147,6.56260016 Z" id="path-5"></path>
|
|
10
|
+
<path d="M108.751659,29.0629435 C108.751423,31.0727507 109.823507,32.9299902 111.564011,33.9349621 C113.304516,34.9399339 115.448974,34.9399339 117.189479,33.9349621 C118.929984,32.9299902 120.002067,31.0727507 120.001831,29.0629435 C120.002067,27.0531363 118.929984,25.1958968 117.189479,24.1909249 C115.448974,23.1859531 113.304516,23.1859531 111.564011,24.1909249 C109.823507,25.1958968 108.751423,27.0531363 108.751659,29.0629435 L108.751659,29.0629435 Z" id="path-6"></path>
|
|
11
|
+
<path d="M0,44.0631724 C-0.000272962546,46.7428871 1.42918107,49.2191625 3.74983666,50.5590987 C6.07049224,51.8990349 8.92973663,51.8990349 11.2503922,50.5590987 C13.5710478,49.2191625 15.0005018,46.7428871 15.0002289,44.0631724 C15.0005018,41.3834576 13.5710478,38.9071822 11.2503922,37.5672461 C8.92973663,36.2273099 6.07049224,36.2273099 3.74983666,37.5672461 C1.42918107,38.9071822 -0.000272962546,41.3834576 0,44.0631724 Z" id="path-7"></path>
|
|
12
|
+
</defs>
|
|
13
|
+
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
14
|
+
<g id="编组" fill-rule="nonzero">
|
|
15
|
+
<g id="路径">
|
|
16
|
+
<use fill="#38405F" xlink:href="#path-1"></use>
|
|
17
|
+
<use fill-opacity="0.36" fill="#292E44" xlink:href="#path-1"></use>
|
|
18
|
+
</g>
|
|
19
|
+
<g id="路径">
|
|
20
|
+
<use fill="#38405F" xlink:href="#path-2"></use>
|
|
21
|
+
<use fill-opacity="0.5" fill="#292E44" xlink:href="#path-2"></use>
|
|
22
|
+
</g>
|
|
23
|
+
<g id="形状">
|
|
24
|
+
<use fill="#38405F" xlink:href="#path-3"></use>
|
|
25
|
+
<use fill-opacity="0.03" fill="#D8D8D8" xlink:href="#path-3"></use>
|
|
26
|
+
</g>
|
|
27
|
+
<g id="路径">
|
|
28
|
+
<use fill="#38405F" xlink:href="#path-4"></use>
|
|
29
|
+
<use fill-opacity="0.03" fill="#D8D8D8" xlink:href="#path-4"></use>
|
|
30
|
+
</g>
|
|
31
|
+
<g id="路径">
|
|
32
|
+
<use fill="#38405F" xlink:href="#path-5"></use>
|
|
33
|
+
<use fill-opacity="0.36" fill="#292E44" xlink:href="#path-5"></use>
|
|
34
|
+
</g>
|
|
35
|
+
<g id="路径">
|
|
36
|
+
<use fill="#38405F" xlink:href="#path-6"></use>
|
|
37
|
+
<use fill-opacity="0.36" fill="#292E44" xlink:href="#path-6"></use>
|
|
38
|
+
</g>
|
|
39
|
+
<g id="路径">
|
|
40
|
+
<use fill="#38405F" xlink:href="#path-7"></use>
|
|
41
|
+
<use fill-opacity="0.36" fill="#292E44" xlink:href="#path-7"></use>
|
|
42
|
+
</g>
|
|
43
|
+
</g>
|
|
44
|
+
</g>
|
|
45
|
+
</svg>
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import "antd/es/tooltip/style";
|
|
2
|
-
import _Tooltip from "antd/es/tooltip";
|
|
3
1
|
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
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
4
|
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; }
|
|
7
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
6
|
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); }
|
|
7
|
+
import { Tooltip } from 'antd';
|
|
9
8
|
import React from 'react';
|
|
10
9
|
import "./index.less";
|
|
11
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -57,7 +56,7 @@ var BaseInfo = function BaseInfo(_ref) {
|
|
|
57
56
|
}), !el.isShowToolTip && /*#__PURE__*/_jsxs("div", {
|
|
58
57
|
className: "baseInfoValue ".concat(align),
|
|
59
58
|
children: [el.value, el.value || el.value === 0 ? el === null || el === void 0 ? void 0 : el.units : '']
|
|
60
|
-
}), el.isShowToolTip && /*#__PURE__*/_jsx(
|
|
59
|
+
}), el.isShowToolTip && /*#__PURE__*/_jsx(Tooltip, {
|
|
61
60
|
title: "".concat(el.value, " ").concat((el === null || el === void 0 ? void 0 : el.units) || ''),
|
|
62
61
|
children: /*#__PURE__*/_jsxs("div", {
|
|
63
62
|
className: "baseInfoValue ".concat(align, " overflow_hiding"),
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
import "antd/es/modal/style";
|
|
3
|
-
import _Modal from "antd/es/modal";
|
|
4
2
|
var _excluded = ["open", "title", "okText", "hasfooter", "footer", "width", "size", "renderContent", "handleConfirm", "handleCancel", "confirmLoading", "maskClosable", "bodyStyle", "afterClose"];
|
|
5
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
6
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -15,6 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
15
13
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
15
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
|
+
import { Modal } from 'antd';
|
|
18
17
|
import React, { useRef, useState } from 'react';
|
|
19
18
|
import Draggable from 'react-draggable';
|
|
20
19
|
import "./index.less";
|
|
@@ -87,7 +86,7 @@ var CenterModal = function CenterModal(_ref) {
|
|
|
87
86
|
bottom: clientHeight - ((targetRect === null || targetRect === void 0 ? void 0 : targetRect.bottom) - (uiData === null || uiData === void 0 ? void 0 : uiData.y))
|
|
88
87
|
});
|
|
89
88
|
};
|
|
90
|
-
return /*#__PURE__*/_jsx(
|
|
89
|
+
return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
|
|
91
90
|
className: "centerModal".concat(size),
|
|
92
91
|
title: /*#__PURE__*/_jsx("div", {
|
|
93
92
|
id: "modal-header",
|
|
@@ -125,7 +124,9 @@ var CenterModal = function CenterModal(_ref) {
|
|
|
125
124
|
}),
|
|
126
125
|
destroyOnClose: true,
|
|
127
126
|
confirmLoading: confirmLoading,
|
|
128
|
-
|
|
127
|
+
styles: {
|
|
128
|
+
body: bodyStyle
|
|
129
|
+
},
|
|
129
130
|
afterClose: afterClose,
|
|
130
131
|
modalRender: function modalRender(modal) {
|
|
131
132
|
return /*#__PURE__*/_jsx(Draggable, {
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import "antd/es/popover/style";
|
|
2
|
-
import _Popover from "antd/es/popover";
|
|
3
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
2
|
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."); }
|
|
5
3
|
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); }
|
|
6
4
|
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; }
|
|
7
5
|
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; } }
|
|
8
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import { Popover } from 'antd';
|
|
9
8
|
import { debounce } from 'lodash';
|
|
10
9
|
import React, { useCallback, useEffect, useState } from 'react';
|
|
11
10
|
import { SketchPicker } from 'react-color';
|
|
@@ -43,7 +42,7 @@ var ColorSelector = function ColorSelector(props) {
|
|
|
43
42
|
onChange(hexUpperCase);
|
|
44
43
|
}
|
|
45
44
|
}, [debounceChange]);
|
|
46
|
-
return /*#__PURE__*/_jsx(
|
|
45
|
+
return /*#__PURE__*/_jsx(Popover, {
|
|
47
46
|
content: /*#__PURE__*/_jsx(SketchPicker, {
|
|
48
47
|
color: color,
|
|
49
48
|
disableAlpha: true,
|
|
@@ -1,34 +1,4 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
import "antd/es/row/style";
|
|
3
|
-
import _Row from "antd/es/row";
|
|
4
|
-
import "antd/es/button/style";
|
|
5
|
-
import _Button from "antd/es/button";
|
|
6
|
-
import "antd/es/col/style";
|
|
7
|
-
import _Col from "antd/es/col";
|
|
8
|
-
import "antd/es/checkbox/style";
|
|
9
|
-
import _Checkbox from "antd/es/checkbox";
|
|
10
|
-
import "antd/es/cascader/style";
|
|
11
|
-
import _Cascader from "antd/es/cascader";
|
|
12
|
-
import "antd/es/auto-complete/style";
|
|
13
|
-
import _AutoComplete from "antd/es/auto-complete";
|
|
14
|
-
import "antd/es/radio/style";
|
|
15
|
-
import _Radio from "antd/es/radio";
|
|
16
|
-
import "antd/es/badge/style";
|
|
17
|
-
import _Badge from "antd/es/badge";
|
|
18
|
-
import "antd/es/spin/style";
|
|
19
|
-
import _Spin from "antd/es/spin";
|
|
20
|
-
import "antd/es/switch/style";
|
|
21
|
-
import _Switch from "antd/es/switch";
|
|
22
|
-
import "antd/es/input-number/style";
|
|
23
|
-
import _InputNumber from "antd/es/input-number";
|
|
24
|
-
import "antd/es/input/style";
|
|
25
|
-
import _Input from "antd/es/input";
|
|
26
|
-
import "antd/es/date-picker/style";
|
|
27
|
-
import _DatePicker from "antd/es/date-picker";
|
|
28
|
-
import "antd/es/select/style";
|
|
29
|
-
import _Select from "antd/es/select";
|
|
30
|
-
import "antd/es/form/style";
|
|
31
|
-
import _Form from "antd/es/form";
|
|
32
2
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
33
3
|
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; }
|
|
34
4
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
@@ -41,9 +11,10 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
41
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
42
12
|
import { MinusOutlined } from '@ant-design/icons';
|
|
43
13
|
import { useDebounceFn } from 'ahooks';
|
|
14
|
+
import { AutoComplete, Badge, Button, Cascader, Checkbox, Col, DatePicker, Form, Input, InputNumber, Radio, Row, Select, Spin, Switch } from 'antd';
|
|
44
15
|
import TextArea from 'antd/lib/input/TextArea';
|
|
45
16
|
import { debounce } from 'lodash';
|
|
46
|
-
import
|
|
17
|
+
import dayjs from 'dayjs';
|
|
47
18
|
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
48
19
|
import ColorSelector from "../ColorSelector";
|
|
49
20
|
import "./index.less";
|
|
@@ -127,12 +98,12 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
127
98
|
_ref$labelAlign = _ref.labelAlign,
|
|
128
99
|
labelAlign = _ref$labelAlign === void 0 ? 'left' : _ref$labelAlign,
|
|
129
100
|
btnSpan = _ref.btnSpan;
|
|
130
|
-
var _Form$useForm =
|
|
101
|
+
var _Form$useForm = Form.useForm(),
|
|
131
102
|
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
132
103
|
form = _Form$useForm2[0];
|
|
133
|
-
var Option =
|
|
134
|
-
OptGroup =
|
|
135
|
-
var RangePicker =
|
|
104
|
+
var Option = Select.Option,
|
|
105
|
+
OptGroup = Select.OptGroup;
|
|
106
|
+
var RangePicker = DatePicker.RangePicker;
|
|
136
107
|
var _useState = useState(1024),
|
|
137
108
|
_useState2 = _slicedToArray(_useState, 2),
|
|
138
109
|
width = _useState2[0],
|
|
@@ -256,10 +227,10 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
256
227
|
}, []);
|
|
257
228
|
var getElement = function getElement(item) {
|
|
258
229
|
var _item$setting, _item$inputTips, _item$inputTips2, _item$setting2, _item$setting3;
|
|
259
|
-
var element = /*#__PURE__*/_jsx(
|
|
230
|
+
var element = /*#__PURE__*/_jsx(Input, {});
|
|
260
231
|
switch (item.formType) {
|
|
261
232
|
case CustomFormItemType.Text:
|
|
262
|
-
element = /*#__PURE__*/_jsx(
|
|
233
|
+
element = /*#__PURE__*/_jsx(Input, {
|
|
263
234
|
placeholder: item.inputTips,
|
|
264
235
|
allowClear: true,
|
|
265
236
|
disabled: item.disabled,
|
|
@@ -279,7 +250,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
279
250
|
});
|
|
280
251
|
break;
|
|
281
252
|
case CustomFormItemType.Number:
|
|
282
|
-
element = /*#__PURE__*/_jsx(
|
|
253
|
+
element = /*#__PURE__*/_jsx(InputNumber, {
|
|
283
254
|
placeholder: item.inputTips,
|
|
284
255
|
precision: item.precision,
|
|
285
256
|
disabled: item.disabled,
|
|
@@ -292,7 +263,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
292
263
|
});
|
|
293
264
|
break;
|
|
294
265
|
case CustomFormItemType.Switch:
|
|
295
|
-
element = /*#__PURE__*/_jsx(
|
|
266
|
+
element = /*#__PURE__*/_jsx(Switch, {
|
|
296
267
|
disabled: item === null || item === void 0 ? void 0 : item.disabled,
|
|
297
268
|
defaultChecked: item === null || item === void 0 ? void 0 : item.defaultValue,
|
|
298
269
|
onChange: function onChange(e) {
|
|
@@ -301,7 +272,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
301
272
|
});
|
|
302
273
|
break;
|
|
303
274
|
case CustomFormItemType.Select:
|
|
304
|
-
element = /*#__PURE__*/_jsx(
|
|
275
|
+
element = /*#__PURE__*/_jsx(Select, {
|
|
305
276
|
showSearch: item.showSearch,
|
|
306
277
|
placeholder: item.inputTips,
|
|
307
278
|
allowClear: item.allowClear === false ? false : true,
|
|
@@ -323,7 +294,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
323
294
|
var _item$handleSelect;
|
|
324
295
|
return (_item$handleSelect = item.handleSelect) === null || _item$handleSelect === void 0 ? void 0 : _item$handleSelect.call(item, value);
|
|
325
296
|
}, 500) : undefined,
|
|
326
|
-
notFoundContent: ((_item$setting = item.setting) === null || _item$setting === void 0 ? void 0 : _item$setting.length) >= 0 ? null : /*#__PURE__*/_jsx(
|
|
297
|
+
notFoundContent: ((_item$setting = item.setting) === null || _item$setting === void 0 ? void 0 : _item$setting.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
|
|
327
298
|
size: "small"
|
|
328
299
|
}),
|
|
329
300
|
children: item.setting.map(function (el, num) {
|
|
@@ -335,7 +306,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
335
306
|
return /*#__PURE__*/_jsx(Option, {
|
|
336
307
|
value: el2.value,
|
|
337
308
|
label: el2.label,
|
|
338
|
-
children: el2.color ? /*#__PURE__*/_jsx(
|
|
309
|
+
children: el2.color ? /*#__PURE__*/_jsx(Badge, {
|
|
339
310
|
color: el2.color,
|
|
340
311
|
text: el2.label
|
|
341
312
|
}) : el2.label
|
|
@@ -346,7 +317,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
346
317
|
return /*#__PURE__*/_jsx(Option, {
|
|
347
318
|
value: el.value,
|
|
348
319
|
label: el.label,
|
|
349
|
-
children: el.color ? /*#__PURE__*/_jsx(
|
|
320
|
+
children: el.color ? /*#__PURE__*/_jsx(Badge, {
|
|
350
321
|
color: el.color,
|
|
351
322
|
text: el.label
|
|
352
323
|
}) : el.label
|
|
@@ -356,13 +327,13 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
356
327
|
});
|
|
357
328
|
break;
|
|
358
329
|
case CustomFormItemType.Radio:
|
|
359
|
-
element = /*#__PURE__*/_jsx(
|
|
330
|
+
element = /*#__PURE__*/_jsx(Radio.Group, {
|
|
360
331
|
defaultValue: item.defaultValue,
|
|
361
332
|
onChange: function onChange(e) {
|
|
362
333
|
return commonChange(e, item);
|
|
363
334
|
},
|
|
364
335
|
children: item.setting.map(function (el, num) {
|
|
365
|
-
return /*#__PURE__*/_jsx(
|
|
336
|
+
return /*#__PURE__*/_jsx(Radio, {
|
|
366
337
|
value: el.value,
|
|
367
338
|
children: el.label
|
|
368
339
|
}, num);
|
|
@@ -370,8 +341,9 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
370
341
|
});
|
|
371
342
|
break;
|
|
372
343
|
case CustomFormItemType.AutoComplete:
|
|
373
|
-
element = /*#__PURE__*/_jsx(
|
|
374
|
-
|
|
344
|
+
element = /*#__PURE__*/_jsx(AutoComplete
|
|
345
|
+
// style={{ width: 200 }}
|
|
346
|
+
, {
|
|
375
347
|
options: item.setting,
|
|
376
348
|
placeholder: item.inputTips,
|
|
377
349
|
onSearch: debounce(function (value) {
|
|
@@ -384,7 +356,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
384
356
|
});
|
|
385
357
|
break;
|
|
386
358
|
case CustomFormItemType.Cascader:
|
|
387
|
-
element = /*#__PURE__*/_jsx(
|
|
359
|
+
element = /*#__PURE__*/_jsx(Cascader, {
|
|
388
360
|
options: item.setting,
|
|
389
361
|
expandTrigger: "hover",
|
|
390
362
|
displayRender: displayRender,
|
|
@@ -396,7 +368,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
396
368
|
});
|
|
397
369
|
break;
|
|
398
370
|
case CustomFormItemType.DateTime:
|
|
399
|
-
element = /*#__PURE__*/_jsx(
|
|
371
|
+
element = /*#__PURE__*/_jsx(DatePicker, {
|
|
400
372
|
showTime: true,
|
|
401
373
|
format: "YYYY-MM-DD HH:mm:ss",
|
|
402
374
|
style: {
|
|
@@ -418,7 +390,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
418
390
|
},
|
|
419
391
|
format: item.defaultFormat,
|
|
420
392
|
showTime: item.showTimeFormat,
|
|
421
|
-
defaultValue: item.defaultValue ? [
|
|
393
|
+
defaultValue: item.defaultValue ? [dayjs(item.defaultValue[0], item.defaultFormat), dayjs(item.defaultValue[1], item.defaultFormat)] : undefined
|
|
422
394
|
// @ts-ignore
|
|
423
395
|
,
|
|
424
396
|
separator: /*#__PURE__*/_jsx(MinusOutlined, {}),
|
|
@@ -437,9 +409,9 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
437
409
|
case CustomFormItemType.Interval:
|
|
438
410
|
element = /*#__PURE__*/_jsxs("div", {
|
|
439
411
|
className: 'sectionInput',
|
|
440
|
-
children: [/*#__PURE__*/_jsx(
|
|
412
|
+
children: [/*#__PURE__*/_jsx(Form.Item, {
|
|
441
413
|
name: [item.field, typeList.min],
|
|
442
|
-
children: /*#__PURE__*/_jsx(
|
|
414
|
+
children: /*#__PURE__*/_jsx(InputNumber, {
|
|
443
415
|
min: item.min,
|
|
444
416
|
max: item.max,
|
|
445
417
|
step: item.step,
|
|
@@ -454,9 +426,9 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
454
426
|
})
|
|
455
427
|
}), /*#__PURE__*/_jsx("span", {
|
|
456
428
|
className: 'inputBar'
|
|
457
|
-
}), /*#__PURE__*/_jsx(
|
|
429
|
+
}), /*#__PURE__*/_jsx(Form.Item, {
|
|
458
430
|
name: [item.field, typeList.max],
|
|
459
|
-
children: /*#__PURE__*/_jsx(
|
|
431
|
+
children: /*#__PURE__*/_jsx(InputNumber, {
|
|
460
432
|
min: item.min,
|
|
461
433
|
max: item.max,
|
|
462
434
|
placeholder: item.inputTips ? (_item$inputTips2 = item.inputTips) === null || _item$inputTips2 === void 0 ? void 0 : _item$inputTips2.max : null,
|
|
@@ -475,17 +447,17 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
475
447
|
});
|
|
476
448
|
break;
|
|
477
449
|
case CustomFormItemType.MinMax:
|
|
478
|
-
element = /*#__PURE__*/_jsx(
|
|
450
|
+
element = /*#__PURE__*/_jsx(Form.Item, {
|
|
479
451
|
name: [item.field],
|
|
480
452
|
style: {
|
|
481
453
|
marginBottom: 0
|
|
482
454
|
},
|
|
483
|
-
children: /*#__PURE__*/_jsxs(
|
|
455
|
+
children: /*#__PURE__*/_jsxs(Input.Group, {
|
|
484
456
|
style: {
|
|
485
457
|
width: '100%'
|
|
486
458
|
},
|
|
487
459
|
compact: true,
|
|
488
|
-
children: [/*#__PURE__*/_jsx(
|
|
460
|
+
children: [/*#__PURE__*/_jsx(Input, {
|
|
489
461
|
style: {
|
|
490
462
|
width: '40%',
|
|
491
463
|
textAlign: 'center'
|
|
@@ -494,7 +466,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
494
466
|
onChange: function onChange(e) {
|
|
495
467
|
run(e, item, typeList.min);
|
|
496
468
|
}
|
|
497
|
-
}), /*#__PURE__*/_jsx(
|
|
469
|
+
}), /*#__PURE__*/_jsx(Input, {
|
|
498
470
|
className: "site-input-split",
|
|
499
471
|
style: {
|
|
500
472
|
width: '10%',
|
|
@@ -504,7 +476,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
504
476
|
},
|
|
505
477
|
placeholder: "\u2014",
|
|
506
478
|
disabled: true
|
|
507
|
-
}), /*#__PURE__*/_jsx(
|
|
479
|
+
}), /*#__PURE__*/_jsx(Input, {
|
|
508
480
|
className: "site-input-right",
|
|
509
481
|
style: {
|
|
510
482
|
width: '40%',
|
|
@@ -522,12 +494,12 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
522
494
|
case CustomFormItemType.StartEnd:
|
|
523
495
|
element = /*#__PURE__*/_jsxs("div", {
|
|
524
496
|
className: 'sectionInput',
|
|
525
|
-
children: [/*#__PURE__*/_jsx(
|
|
497
|
+
children: [/*#__PURE__*/_jsx(Form.Item, {
|
|
526
498
|
name: [item.field, typeList.start],
|
|
527
499
|
style: {
|
|
528
500
|
marginBottom: 0
|
|
529
501
|
},
|
|
530
|
-
children: /*#__PURE__*/_jsx(
|
|
502
|
+
children: /*#__PURE__*/_jsx(Select, {
|
|
531
503
|
showSearch: item.showSearch,
|
|
532
504
|
placeholder: item.inputTips,
|
|
533
505
|
allowClear: item.allowClear === false ? false : true,
|
|
@@ -548,7 +520,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
548
520
|
var _item$handleSelect2;
|
|
549
521
|
return (_item$handleSelect2 = item.handleSelect) === null || _item$handleSelect2 === void 0 ? void 0 : _item$handleSelect2.call(item, value);
|
|
550
522
|
}, 500) : undefined,
|
|
551
|
-
notFoundContent: ((_item$setting2 = item.setting) === null || _item$setting2 === void 0 ? void 0 : _item$setting2.length) >= 0 ? null : /*#__PURE__*/_jsx(
|
|
523
|
+
notFoundContent: ((_item$setting2 = item.setting) === null || _item$setting2 === void 0 ? void 0 : _item$setting2.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
|
|
552
524
|
size: "small"
|
|
553
525
|
}),
|
|
554
526
|
style: {
|
|
@@ -558,19 +530,19 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
558
530
|
return /*#__PURE__*/_jsx(Option, {
|
|
559
531
|
value: el.value,
|
|
560
532
|
label: el.label,
|
|
561
|
-
children: el.color ? /*#__PURE__*/_jsx(
|
|
533
|
+
children: el.color ? /*#__PURE__*/_jsx(Badge, {
|
|
562
534
|
color: el.color,
|
|
563
535
|
text: el.label
|
|
564
536
|
}) : el.label
|
|
565
537
|
}, num);
|
|
566
538
|
})
|
|
567
539
|
})
|
|
568
|
-
}), /*#__PURE__*/_jsx(
|
|
540
|
+
}), /*#__PURE__*/_jsx(Form.Item, {
|
|
569
541
|
name: [item.field, typeList.end],
|
|
570
542
|
style: {
|
|
571
543
|
marginBottom: 0
|
|
572
544
|
},
|
|
573
|
-
children: /*#__PURE__*/_jsx(
|
|
545
|
+
children: /*#__PURE__*/_jsx(Select, {
|
|
574
546
|
showSearch: item.showSearch,
|
|
575
547
|
placeholder: item.inputTips,
|
|
576
548
|
allowClear: item.allowClear === false ? false : true,
|
|
@@ -591,7 +563,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
591
563
|
var _item$handleSelect3;
|
|
592
564
|
return (_item$handleSelect3 = item.handleSelect) === null || _item$handleSelect3 === void 0 ? void 0 : _item$handleSelect3.call(item, value);
|
|
593
565
|
}, 500) : undefined,
|
|
594
|
-
notFoundContent: ((_item$setting3 = item.setting) === null || _item$setting3 === void 0 ? void 0 : _item$setting3.length) >= 0 ? null : /*#__PURE__*/_jsx(
|
|
566
|
+
notFoundContent: ((_item$setting3 = item.setting) === null || _item$setting3 === void 0 ? void 0 : _item$setting3.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
|
|
595
567
|
size: "small"
|
|
596
568
|
}),
|
|
597
569
|
style: {
|
|
@@ -601,7 +573,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
601
573
|
return /*#__PURE__*/_jsx(Option, {
|
|
602
574
|
value: el.value,
|
|
603
575
|
label: el.label,
|
|
604
|
-
children: el.color ? /*#__PURE__*/_jsx(
|
|
576
|
+
children: el.color ? /*#__PURE__*/_jsx(Badge, {
|
|
605
577
|
color: el.color,
|
|
606
578
|
text: el.label
|
|
607
579
|
}) : el.label
|
|
@@ -612,7 +584,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
612
584
|
});
|
|
613
585
|
break;
|
|
614
586
|
case CustomFormItemType.CheckBox:
|
|
615
|
-
element = /*#__PURE__*/_jsx(
|
|
587
|
+
element = /*#__PURE__*/_jsx(Checkbox.Group, {
|
|
616
588
|
disabled: item.disabled,
|
|
617
589
|
onChange: function onChange(e) {
|
|
618
590
|
commonChange(e, item);
|
|
@@ -628,7 +600,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
628
600
|
};
|
|
629
601
|
return /*#__PURE__*/_jsx("div", {
|
|
630
602
|
id: "CustomForm",
|
|
631
|
-
children: /*#__PURE__*/_jsx(
|
|
603
|
+
children: /*#__PURE__*/_jsx(Form, {
|
|
632
604
|
ref: FormRef,
|
|
633
605
|
form: form,
|
|
634
606
|
layout: layout,
|
|
@@ -640,7 +612,7 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
640
612
|
labelAlign: labelAlign,
|
|
641
613
|
autoComplete: "off",
|
|
642
614
|
onFinish: onFinish,
|
|
643
|
-
children: /*#__PURE__*/_jsxs(
|
|
615
|
+
children: /*#__PURE__*/_jsxs(Row, {
|
|
644
616
|
gutter: {
|
|
645
617
|
md: 8,
|
|
646
618
|
lg: 12,
|
|
@@ -652,9 +624,9 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
652
624
|
children: [data.map(function (item, index) {
|
|
653
625
|
var _item$required;
|
|
654
626
|
var _elementData = getElement(item);
|
|
655
|
-
return /*#__PURE__*/_jsx(
|
|
627
|
+
return /*#__PURE__*/_jsx(Col, {
|
|
656
628
|
span: (item === null || item === void 0 ? void 0 : item.span) || spanSize.span,
|
|
657
|
-
children: /*#__PURE__*/_jsx(
|
|
629
|
+
children: /*#__PURE__*/_jsx(Form.Item, {
|
|
658
630
|
label: item.label,
|
|
659
631
|
name: item.isShowInterval ? undefined : item.field,
|
|
660
632
|
colon: false,
|
|
@@ -669,20 +641,20 @@ var CustomForm = function CustomForm(_ref) {
|
|
|
669
641
|
children: _elementData
|
|
670
642
|
}, "".concat(index, "Row"))
|
|
671
643
|
}, "".concat(index, "-Col"));
|
|
672
|
-
}), /*#__PURE__*/_jsx(
|
|
644
|
+
}), /*#__PURE__*/_jsx(Col, {
|
|
673
645
|
span: btnSpan !== null && btnSpan !== void 0 ? btnSpan : spanSize.span,
|
|
674
646
|
offset: offset,
|
|
675
|
-
children: /*#__PURE__*/_jsx(
|
|
647
|
+
children: /*#__PURE__*/_jsx(Form.Item, {
|
|
676
648
|
children: showButton ? /*#__PURE__*/_jsxs("div", {
|
|
677
649
|
className: usage === 'form' ? 'formBtnContainer' : 'btnContainer',
|
|
678
|
-
children: [/*#__PURE__*/_jsx(
|
|
650
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
|
679
651
|
className: "xmTtn xmTtnDefault",
|
|
680
652
|
onClick: function onClick(e) {
|
|
681
653
|
handleCancel(e);
|
|
682
654
|
form.resetFields();
|
|
683
655
|
},
|
|
684
656
|
children: cancelText
|
|
685
|
-
}), /*#__PURE__*/_jsx(
|
|
657
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
686
658
|
type: "primary",
|
|
687
659
|
className: 'xmTtn',
|
|
688
660
|
loading: submitLoading,
|