@zat-design/sisyphus-react 3.3.3 → 3.3.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/index.esm.css +32 -5
- package/es/ProConfigProvider/index.d.ts +10 -2
- package/es/ProConfigProvider/index.js +13 -7
- package/es/ProEditLabel/index.js +2 -3
- package/es/ProEditTable/components/ActionButton/index.js +6 -6
- package/es/ProEditTable/components/RenderField/index.js +5 -5
- package/es/ProEditTable/style/index.less +0 -1
- package/es/ProEditTable/utils/index.js +2 -4
- package/es/ProForm/components/base/Switch/index.js +0 -1
- package/es/ProForm/components/base/TextArea/index.js +1 -3
- package/es/ProForm/components/base/TextArea/index.less +7 -0
- package/es/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
- package/es/ProForm/components/combination/Group/index.js +6 -1
- package/es/ProForm/components/combination/Group/style/index.less +2 -1
- package/es/ProForm/components/combination/ProCombination/index.js +0 -1
- package/es/ProForm/components/combination/ProModalSelect/index.js +2 -2
- package/es/ProForm/components/render/Render.js +3 -4
- package/es/ProForm/index.js +36 -6
- package/es/ProForm/propsType.d.ts +1 -0
- package/es/ProForm/utils/index.d.ts +4 -0
- package/es/ProForm/utils/index.js +23 -6
- package/es/ProForm/utils/useForm.js +48 -75
- package/es/ProForm/utils/useRules.js +4 -2
- package/es/ProForm/utils/useShouldUpdate.js +11 -7
- package/es/ProStep/index.js +0 -1
- package/es/ProThemeTools/index.js +0 -1
- package/es/ProThemeTools/utils/index.js +0 -1
- package/es/ProTree/components/Tree.js +0 -1
- package/es/ProTreeSelect/index.js +2 -4
- package/es/ProUpload/index.js +0 -1
- package/es/old/ProEditableTable/index.js +1 -1
- package/es/style/theme/antd.less +46 -5
- package/lib/ProConfigProvider/index.d.ts +10 -2
- package/lib/ProConfigProvider/index.js +14 -7
- package/lib/ProEditLabel/index.js +2 -3
- package/lib/ProEditTable/components/ActionButton/index.js +6 -6
- package/lib/ProEditTable/components/RenderField/index.js +5 -5
- package/lib/ProEditTable/style/index.less +0 -1
- package/lib/ProEditTable/utils/index.js +2 -4
- package/lib/ProForm/components/base/TextArea/index.js +1 -3
- package/lib/ProForm/components/base/TextArea/index.less +7 -0
- package/lib/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
- package/lib/ProForm/components/combination/Group/index.js +6 -1
- package/lib/ProForm/components/combination/Group/style/index.less +2 -1
- package/lib/ProForm/components/combination/ProCombination/index.js +0 -1
- package/lib/ProForm/components/combination/ProModalSelect/index.js +2 -2
- package/lib/ProForm/components/old/InputRange/index.js +1 -0
- package/lib/ProForm/components/render/Render.js +3 -4
- package/lib/ProForm/index.js +35 -5
- package/lib/ProForm/propsType.d.ts +1 -0
- package/lib/ProForm/utils/index.d.ts +4 -0
- package/lib/ProForm/utils/index.js +24 -7
- package/lib/ProForm/utils/useForm.js +48 -75
- package/lib/ProForm/utils/useRules.js +4 -2
- package/lib/ProForm/utils/useShouldUpdate.js +10 -6
- package/lib/ProStep/index.js +0 -1
- package/lib/ProThemeTools/index.js +0 -1
- package/lib/ProThemeTools/utils/index.js +0 -1
- package/lib/ProTree/components/Tree.js +0 -1
- package/lib/ProTree/index.js +1 -0
- package/lib/ProTreeSelect/index.js +2 -4
- package/lib/ProUpload/index.js +0 -1
- package/lib/old/ProEditableTable/index.js +1 -1
- package/lib/style/theme/antd.less +46 -5
- package/package.json +1 -1
|
@@ -3,86 +3,59 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
|
3
3
|
import "antd/es/form/style";
|
|
4
4
|
import _Form from "antd/es/form";
|
|
5
5
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
6
|
-
import {
|
|
7
|
-
import { merge } from 'lodash';
|
|
8
|
-
import { HOOK_MARK } from 'rc-field-form/es/FieldContext';
|
|
9
|
-
import { deleteForPath } from '.';
|
|
6
|
+
import { filterInternalFields } from './index';
|
|
10
7
|
export var useForm = function useForm(originForm) {
|
|
11
8
|
var _Form$useForm = _Form.useForm(originForm),
|
|
12
9
|
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
13
10
|
form = _Form$useForm2[0];
|
|
14
11
|
var getFieldsValue = form.getFieldsValue,
|
|
15
|
-
validateFields = form.validateFields
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var values = getFieldsValue(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
12
|
+
validateFields = form.validateFields;
|
|
13
|
+
// @ts-ignore
|
|
14
|
+
var _getFieldsValue = function _getFieldsValue(nameList, filterFunc) {
|
|
15
|
+
// 全部查询
|
|
16
|
+
if (nameList !== true) {
|
|
17
|
+
var values = getFieldsValue(true, filterFunc);
|
|
18
|
+
return filterInternalFields(values);
|
|
19
|
+
}
|
|
20
|
+
return getFieldsValue(nameList, filterFunc);
|
|
21
|
+
};
|
|
22
|
+
var _validateFields = /*#__PURE__*/function () {
|
|
23
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(nameList) {
|
|
24
|
+
var _len,
|
|
25
|
+
rest,
|
|
26
|
+
_key,
|
|
27
|
+
values,
|
|
28
|
+
_values,
|
|
29
|
+
_args = arguments;
|
|
30
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
31
|
+
while (1) switch (_context.prev = _context.next) {
|
|
32
|
+
case 0:
|
|
33
|
+
for (_len = _args.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
34
|
+
rest[_key - 1] = _args[_key];
|
|
35
|
+
}
|
|
36
|
+
_context.next = 3;
|
|
37
|
+
return validateFields.apply(void 0, [nameList].concat(rest));
|
|
38
|
+
case 3:
|
|
39
|
+
values = _context.sent;
|
|
40
|
+
if (!nameList) {
|
|
41
|
+
_context.next = 6;
|
|
42
|
+
break;
|
|
43
|
+
}
|
|
44
|
+
return _context.abrupt("return", values);
|
|
45
|
+
case 6:
|
|
46
|
+
_values = _getFieldsValue();
|
|
47
|
+
return _context.abrupt("return", _values);
|
|
48
|
+
case 8:
|
|
49
|
+
case "end":
|
|
50
|
+
return _context.stop();
|
|
51
|
+
}
|
|
52
|
+
}, _callee);
|
|
53
|
+
}));
|
|
54
|
+
return function _validateFields(_x) {
|
|
55
|
+
return _ref.apply(this, arguments);
|
|
47
56
|
};
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
rest,
|
|
52
|
-
_key,
|
|
53
|
-
values,
|
|
54
|
-
_values,
|
|
55
|
-
_args = arguments;
|
|
56
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
57
|
-
while (1) switch (_context.prev = _context.next) {
|
|
58
|
-
case 0:
|
|
59
|
-
for (_len = _args.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
60
|
-
rest[_key - 1] = _args[_key];
|
|
61
|
-
}
|
|
62
|
-
_context.next = 3;
|
|
63
|
-
return validateFields.apply(void 0, [nameList].concat(rest));
|
|
64
|
-
case 3:
|
|
65
|
-
values = _context.sent;
|
|
66
|
-
if (!nameList) {
|
|
67
|
-
_context.next = 6;
|
|
68
|
-
break;
|
|
69
|
-
}
|
|
70
|
-
return _context.abrupt("return", values);
|
|
71
|
-
case 6:
|
|
72
|
-
_values = _getFieldsValue();
|
|
73
|
-
return _context.abrupt("return", _values);
|
|
74
|
-
case 8:
|
|
75
|
-
case "end":
|
|
76
|
-
return _context.stop();
|
|
77
|
-
}
|
|
78
|
-
}, _callee);
|
|
79
|
-
}));
|
|
80
|
-
return function _validateFields(_x) {
|
|
81
|
-
return _ref.apply(this, arguments);
|
|
82
|
-
};
|
|
83
|
-
}();
|
|
84
|
-
form.getFieldsValue = _getFieldsValue;
|
|
85
|
-
form.validateFields = _validateFields;
|
|
86
|
-
}, [form]);
|
|
57
|
+
}();
|
|
58
|
+
form.getFieldsValue = _getFieldsValue;
|
|
59
|
+
form.validateFields = _validateFields;
|
|
87
60
|
return [form];
|
|
88
61
|
};
|
|
@@ -46,7 +46,7 @@ var useRules = function useRules(props) {
|
|
|
46
46
|
internalRule.rules = internalRule.rules && rulesCreator(internalRule.rules, _label, isSelect);
|
|
47
47
|
useEffect(function () {
|
|
48
48
|
// 添加完整性校验
|
|
49
|
-
if (names && !isBoolean(labelRequired)
|
|
49
|
+
if (names && !isBoolean(labelRequired)) {
|
|
50
50
|
var customRequired = {
|
|
51
51
|
validator: function validator(rules, value) {
|
|
52
52
|
// 完整性校验, 空数组不校验, 数组有值且值不完整则校验不通过
|
|
@@ -56,7 +56,9 @@ var useRules = function useRules(props) {
|
|
|
56
56
|
return Promise.resolve();
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
|
|
59
|
+
if (!(type === 'Group' && Array.isArray(names) && !required)) {
|
|
60
|
+
internalRule.rules.push(customRequired);
|
|
61
|
+
}
|
|
60
62
|
}
|
|
61
63
|
}, [internalRule]);
|
|
62
64
|
return internalRule;
|
|
@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import { useRef, useState } from 'react';
|
|
4
4
|
import { isFunction, isEqualWith } from 'lodash';
|
|
5
|
-
import { customEqualForFun } from './index';
|
|
5
|
+
import { customEqualForFun, equalDependencies } from './index';
|
|
6
6
|
// 代理shouldUpdate事件, 执行函数值的[show, disabled], 当[show, disabled]与上一次值不相同时更新状态
|
|
7
7
|
var useShouldUpdate = function useShouldUpdate(props) {
|
|
8
8
|
var show = props.show,
|
|
@@ -20,7 +20,8 @@ var useShouldUpdate = function useShouldUpdate(props) {
|
|
|
20
20
|
clearNotShow = formItemProps.clearNotShow,
|
|
21
21
|
index = formItemProps.index,
|
|
22
22
|
namePath = formItemProps.namePath,
|
|
23
|
-
names = formItemProps.names
|
|
23
|
+
names = formItemProps.names,
|
|
24
|
+
dependencies = formItemProps.dependencies;
|
|
24
25
|
var timerRef = useRef();
|
|
25
26
|
var showRef = useRef();
|
|
26
27
|
var disabledRef = useRef();
|
|
@@ -167,11 +168,14 @@ var useShouldUpdate = function useShouldUpdate(props) {
|
|
|
167
168
|
clearInterval(timerRef.current);
|
|
168
169
|
}
|
|
169
170
|
}
|
|
170
|
-
// 当校验规则改变的时候 重新执行校验
|
|
171
|
-
if (
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
171
|
+
// // 当校验规则改变的时候 重新执行校验 导致: 第一次进页面直接触发校验
|
|
172
|
+
// if (
|
|
173
|
+
// _required !== requiredRef.current ||
|
|
174
|
+
// !isEqualWith(rulesRef.current, _rules, customEqualForFun)
|
|
175
|
+
// ) {
|
|
176
|
+
// form.validateFields([name]);
|
|
177
|
+
// }
|
|
178
|
+
if (_show !== showRef.current || _disabled !== disabledRef.current || _required !== requiredRef.current || !isEqualWith(rulesRef.current, _rules, customEqualForFun) || !isEqualWith(fieldPropsRef.current, _fieldProps, customEqualForFun) || !isEqualWith(originComponentRef.current, _component, customEqualForFun) || equalDependencies(dependencies, prevValues, _currentValues)) {
|
|
175
179
|
showRef.current = _show;
|
|
176
180
|
disabledRef.current = _disabled;
|
|
177
181
|
requiredRef.current = _required;
|
package/es/ProStep/index.js
CHANGED
|
@@ -115,7 +115,6 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
115
115
|
return ["".concat(getKebabCase(item === null || item === void 0 ? void 0 : item[0])), ['zauiSize'].includes(item === null || item === void 0 ? void 0 : item[0]) || typeof (item === null || item === void 0 ? void 0 : item[1]) !== 'number' ? item === null || item === void 0 ? void 0 : item[1] : "".concat(item === null || item === void 0 ? void 0 : item[1], "px") // zauiSize取数字
|
|
116
116
|
];
|
|
117
117
|
}));
|
|
118
|
-
|
|
119
118
|
setState(_objectSpread(_objectSpread({}, state), localThemeConfig));
|
|
120
119
|
setThemes(cssVariables);
|
|
121
120
|
_ConfigProvider.config({
|
|
@@ -19,7 +19,6 @@ import { useProConfig } from '../ProConfigProvider';
|
|
|
19
19
|
import Container from '../ProForm/components/Container';
|
|
20
20
|
var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
|
|
21
21
|
export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
22
|
-
var _classnames2;
|
|
23
22
|
// 全局属性配置在ConfigProvider
|
|
24
23
|
var _ref = useProConfig('ProTreeSelect') || {},
|
|
25
24
|
_ref$fieldNames = _ref.fieldNames,
|
|
@@ -363,7 +362,6 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
|
363
362
|
// currentAllNodeChild.push(item);
|
|
364
363
|
// }
|
|
365
364
|
}
|
|
366
|
-
|
|
367
365
|
return currentAllNodeChild;
|
|
368
366
|
};
|
|
369
367
|
sourceList = filterData(sourceList);
|
|
@@ -469,9 +467,9 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
|
469
467
|
'pro-tree-select': true
|
|
470
468
|
}, "".concat(className), className));
|
|
471
469
|
var innerClass = treeCheckable ? 'checkable-tree pro' : "".concat(tenCountClass, " signal-tree");
|
|
472
|
-
var dropDownClassName = classnames((
|
|
470
|
+
var dropDownClassName = classnames(_defineProperty(_defineProperty({
|
|
473
471
|
'pro-tree-select-drop-down-container': true
|
|
474
|
-
},
|
|
472
|
+
}, "".concat(innerClass), true), "".concat(popupClassName), popupClassName));
|
|
475
473
|
var treeProps = _objectSpread({
|
|
476
474
|
disabled: disabled,
|
|
477
475
|
showSearch: showSearch,
|
package/es/ProUpload/index.js
CHANGED
|
@@ -91,7 +91,6 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
91
91
|
response: file === null || file === void 0 ? void 0 : file.response
|
|
92
92
|
// url: file?.response?.data?.url,
|
|
93
93
|
};
|
|
94
|
-
|
|
95
94
|
if (transformResponse) {
|
|
96
95
|
var data = transformResponse(file.response) || {};
|
|
97
96
|
return _objectSpread(_objectSpread({}, nfile), data);
|
|
@@ -404,7 +404,7 @@ var ProEditableTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
404
404
|
}, antButtonProps), {}, {
|
|
405
405
|
children: buttonText
|
|
406
406
|
}))]
|
|
407
|
-
}) : /*#__PURE__*/cloneElement(buttonText, antButtonProps)
|
|
407
|
+
}) : ( /*#__PURE__*/cloneElement(buttonText, antButtonProps))
|
|
408
408
|
}) : null
|
|
409
409
|
});
|
|
410
410
|
};
|
package/es/style/theme/antd.less
CHANGED
|
@@ -93,7 +93,8 @@
|
|
|
93
93
|
|
|
94
94
|
.@{ant-prefix}-input[disabled],
|
|
95
95
|
.@{ant-prefix}-select-disabled,
|
|
96
|
-
.@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
|
|
96
|
+
.@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
|
|
97
|
+
.@{ant-prefix}-select-selector,
|
|
97
98
|
.@{ant-prefix}-input-number-disabled,
|
|
98
99
|
.@{ant-prefix}-picker-input > input[disabled],
|
|
99
100
|
.@{ant-prefix}-select-disabled.@{ant-prefix}-select-multiple .@{ant-prefix}-select-selection-item {
|
|
@@ -218,7 +219,11 @@
|
|
|
218
219
|
.@{ant-prefix}-table tfoot > tr > td {
|
|
219
220
|
padding: calc(4px + var(--zaui-size) * 8px);
|
|
220
221
|
}
|
|
221
|
-
.@{ant-prefix}-table-tbody
|
|
222
|
+
.@{ant-prefix}-table-tbody
|
|
223
|
+
> tr
|
|
224
|
+
> td
|
|
225
|
+
> .@{ant-prefix}-table-wrapper:only-child
|
|
226
|
+
.@{ant-prefix}-table,
|
|
222
227
|
.@{ant-prefix}-table-tbody
|
|
223
228
|
> tr
|
|
224
229
|
> td
|
|
@@ -508,7 +513,8 @@
|
|
|
508
513
|
border-radius: @zaui-border-radius;
|
|
509
514
|
}
|
|
510
515
|
|
|
511
|
-
.@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input)
|
|
516
|
+
.@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input)
|
|
517
|
+
.@{ant-prefix}-select-selector {
|
|
512
518
|
.set-text-color();
|
|
513
519
|
.set-text-size();
|
|
514
520
|
width: 100%;
|
|
@@ -523,8 +529,12 @@
|
|
|
523
529
|
border-radius: @zaui-border-radius;
|
|
524
530
|
}
|
|
525
531
|
|
|
526
|
-
.@{ant-prefix}-pagination-jump-prev
|
|
527
|
-
|
|
532
|
+
.@{ant-prefix}-pagination-jump-prev
|
|
533
|
+
.@{ant-prefix}-pagination-item-container
|
|
534
|
+
.@{ant-prefix}-pagination-item-link-icon,
|
|
535
|
+
.@{ant-prefix}-pagination-jump-next
|
|
536
|
+
.@{ant-prefix}-pagination-item-container
|
|
537
|
+
.@{ant-prefix}-pagination-item-link-icon {
|
|
528
538
|
color: @zaui-brand;
|
|
529
539
|
}
|
|
530
540
|
}
|
|
@@ -705,3 +715,34 @@
|
|
|
705
715
|
.@{ant-prefix}-popover {
|
|
706
716
|
width: max-content;
|
|
707
717
|
}
|
|
718
|
+
|
|
719
|
+
// tooltip样式重载
|
|
720
|
+
.@{ant-prefix}-tooltip {
|
|
721
|
+
> .ant-tooltip-content {
|
|
722
|
+
> .ant-tooltip-inner {
|
|
723
|
+
color: rgb(29, 33, 41);
|
|
724
|
+
background-color: #fff;
|
|
725
|
+
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
|
|
726
|
+
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
727
|
+
&::selection {
|
|
728
|
+
color: inherit !important;
|
|
729
|
+
background: rgba(@primary-color, 0.3) !important;
|
|
730
|
+
}
|
|
731
|
+
> div {
|
|
732
|
+
&::selection {
|
|
733
|
+
color: inherit !important;
|
|
734
|
+
background: rgba(@primary-color, 0.3) !important;
|
|
735
|
+
}
|
|
736
|
+
}
|
|
737
|
+
}
|
|
738
|
+
> .ant-tooltip-arrow {
|
|
739
|
+
> .ant-tooltip-arrow-content {
|
|
740
|
+
--antd-arrow-background-color: linear-gradient(
|
|
741
|
+
to right bottom,
|
|
742
|
+
rgba(255, 255, 255, 0.95),
|
|
743
|
+
rgba(255, 255, 255, 1)
|
|
744
|
+
);
|
|
745
|
+
}
|
|
746
|
+
}
|
|
747
|
+
}
|
|
748
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
+
import { FormInstance } from 'antd';
|
|
2
3
|
import { PropSelectProps } from '../ProSelect/propsType';
|
|
3
4
|
import { ProModalSelectPropsType } from '../ProForm/components/combination/ProModalSelect/propsType';
|
|
4
5
|
import { AddressProps } from '../ProForm/components/combination/ProAddressBar/propsType';
|
|
@@ -9,17 +10,24 @@ export interface ProConfigState {
|
|
|
9
10
|
ProSelect?: Partial<PropSelectProps> & Record<string, any>;
|
|
10
11
|
ProModalSelect?: Partial<ProModalSelectPropsType> & Record<string, any>;
|
|
11
12
|
ProAddressBar?: Partial<AddressProps> & Record<string, any>;
|
|
13
|
+
forms: Record<string, FormInstance | undefined>;
|
|
12
14
|
[key: string]: any;
|
|
13
15
|
}
|
|
14
16
|
interface ConfigContext {
|
|
15
17
|
state: ProConfigState;
|
|
16
|
-
dispatch: React.Dispatch<
|
|
18
|
+
dispatch: React.Dispatch<Actions>;
|
|
17
19
|
}
|
|
18
20
|
export declare const ProConfigContext: React.Context<ConfigContext>;
|
|
19
21
|
export declare function useProConfig(): ConfigContext;
|
|
20
22
|
export declare function useProConfig(name: keyof ConfigContext['state']): ConfigContext['state'][keyof ConfigContext['state']];
|
|
23
|
+
export declare function useContextForms(): Record<string, FormInstance<any>>;
|
|
24
|
+
type ActionsType = 'set' | 'setProEnum' | 'setProEnumDic';
|
|
25
|
+
interface Actions {
|
|
26
|
+
type: ActionsType;
|
|
27
|
+
payload: any;
|
|
28
|
+
}
|
|
21
29
|
export declare const ProConfigProvider: FC<{
|
|
22
|
-
value
|
|
30
|
+
value?: ProConfigState;
|
|
23
31
|
locale?: string;
|
|
24
32
|
}>;
|
|
25
33
|
export default ProConfigProvider;
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = exports.ProConfigProvider = exports.ProConfigContext = void 0;
|
|
9
|
+
exports.useContextForms = useContextForms;
|
|
9
10
|
exports.useProConfig = useProConfig;
|
|
10
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
12
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
@@ -17,12 +18,14 @@ var _en_US = _interopRequireDefault(require("antd/es/locale/en_US"));
|
|
|
17
18
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
18
19
|
var _useEnumRequest = _interopRequireDefault(require("../ProEnum/hooks/useEnumRequest"));
|
|
19
20
|
var _locale = require("../locale");
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
dics: {}
|
|
24
|
-
}
|
|
21
|
+
var initialState = {
|
|
22
|
+
ProEnum: {
|
|
23
|
+
dics: {}
|
|
25
24
|
},
|
|
25
|
+
forms: {}
|
|
26
|
+
};
|
|
27
|
+
var ProConfigContext = exports.ProConfigContext = /*#__PURE__*/_react.default.createContext({
|
|
28
|
+
state: initialState,
|
|
26
29
|
dispatch: function dispatch() {}
|
|
27
30
|
});
|
|
28
31
|
// eslint-disable-next-line no-redeclare
|
|
@@ -30,11 +33,15 @@ function useProConfig(name) {
|
|
|
30
33
|
var config = (0, _react.useContext)(ProConfigContext);
|
|
31
34
|
return name ? config.state[name] : config;
|
|
32
35
|
}
|
|
36
|
+
function useContextForms() {
|
|
37
|
+
var _config$state;
|
|
38
|
+
var config = (0, _react.useContext)(ProConfigContext);
|
|
39
|
+
return (_config$state = config.state) === null || _config$state === void 0 ? void 0 : _config$state.forms;
|
|
40
|
+
}
|
|
33
41
|
var antdLangMap = {
|
|
34
42
|
'zh-CN': _zh_CN.default,
|
|
35
43
|
'en-US': _en_US.default // en-US
|
|
36
44
|
};
|
|
37
|
-
|
|
38
45
|
var reducer = function reducer(state, action) {
|
|
39
46
|
var _state$ProEnum;
|
|
40
47
|
switch (action.type) {
|
|
@@ -56,7 +63,7 @@ var reducer = function reducer(state, action) {
|
|
|
56
63
|
};
|
|
57
64
|
var ProConfigProvider = exports.ProConfigProvider = function ProConfigProvider(props) {
|
|
58
65
|
var _props$value, _props$value2;
|
|
59
|
-
var _useReducer = (0, _react.useReducer)(reducer,
|
|
66
|
+
var _useReducer = (0, _react.useReducer)(reducer, initialState),
|
|
60
67
|
_useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
|
|
61
68
|
state = _useReducer2[0],
|
|
62
69
|
dispatch = _useReducer2[1];
|
|
@@ -23,7 +23,6 @@ var _RenderProForm = _interopRequireDefault(require("./components/RenderProForm"
|
|
|
23
23
|
var _utils = require("./utils");
|
|
24
24
|
var _excluded = ["open", "disabled", "onOpenChange", "onFinish", "onConfirm", "trigger", "mode", "className", "size", "popupProps", "style", "viewEmpty", "children", "form"];
|
|
25
25
|
var ProEditLabel = function ProEditLabel(_ref) {
|
|
26
|
-
var _classnames;
|
|
27
26
|
var _ref$open = _ref.open,
|
|
28
27
|
open = _ref$open === void 0 ? false : _ref$open,
|
|
29
28
|
_ref$disabled = _ref.disabled,
|
|
@@ -129,9 +128,9 @@ var ProEditLabel = function ProEditLabel(_ref) {
|
|
|
129
128
|
}
|
|
130
129
|
}
|
|
131
130
|
}, [confirmValue, mode]);
|
|
132
|
-
var cls = (0, _classnames2.default)((
|
|
131
|
+
var cls = (0, _classnames2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
133
132
|
'pro-edit-label': true
|
|
134
|
-
},
|
|
133
|
+
}, "trigger-".concat(trigger), trigger), 'pro-edit-label-small', size === 'small'), 'pro-edit-label-middle', size === 'middle'), 'pro-edit-label-large', size === 'large'), "".concat(className), className));
|
|
135
134
|
/**
|
|
136
135
|
* pop确认回调
|
|
137
136
|
*/
|
|
@@ -86,24 +86,24 @@ var ActionButton = function ActionButton(_ref) {
|
|
|
86
86
|
disabled: isDisabled,
|
|
87
87
|
okText: _locale.default.ProEditTable.confirm,
|
|
88
88
|
cancelText: _locale.default.ProEditTable.cancel,
|
|
89
|
-
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
89
|
+
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
90
90
|
record: record,
|
|
91
91
|
index: index,
|
|
92
92
|
disabled: isDisabled
|
|
93
|
-
})) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
93
|
+
}))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
94
94
|
disabled: isDisabled,
|
|
95
95
|
type: "link",
|
|
96
96
|
children: btnConfig.label
|
|
97
97
|
}))
|
|
98
98
|
}) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
99
|
-
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
99
|
+
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
100
100
|
record: record,
|
|
101
101
|
index: index,
|
|
102
102
|
disabled: isDisabled,
|
|
103
103
|
onClick: function onClick() {
|
|
104
104
|
btnConfig.onEvent(record, index);
|
|
105
105
|
}
|
|
106
|
-
})) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
106
|
+
}))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
107
107
|
disabled: isDisabled,
|
|
108
108
|
type: "link",
|
|
109
109
|
onClick: function onClick() {
|
|
@@ -113,10 +113,10 @@ var ActionButton = function ActionButton(_ref) {
|
|
|
113
113
|
}))
|
|
114
114
|
})
|
|
115
115
|
}) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
116
|
-
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
116
|
+
children: /*#__PURE__*/_react.default.isValidElement(btnConfig.label) ? ( /*#__PURE__*/_react.default.cloneElement(btnConfig.label, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
117
117
|
record: record,
|
|
118
118
|
index: index
|
|
119
|
-
})) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
119
|
+
}))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
120
120
|
className: "action-button"
|
|
121
121
|
}, (0, _lodash.omit)(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
|
|
122
122
|
type: "link",
|
|
@@ -33,7 +33,7 @@ var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "e
|
|
|
33
33
|
/* eslint-disable prefer-destructuring */
|
|
34
34
|
/* eslint-disable prefer-const */
|
|
35
35
|
var RenderField = function RenderField(_ref) {
|
|
36
|
-
var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4
|
|
36
|
+
var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4;
|
|
37
37
|
var value = _ref.text,
|
|
38
38
|
record = _ref.record,
|
|
39
39
|
index = _ref.index,
|
|
@@ -509,13 +509,13 @@ var RenderField = function RenderField(_ref) {
|
|
|
509
509
|
if (!isEditing) {
|
|
510
510
|
delete _formItemProps.rules;
|
|
511
511
|
}
|
|
512
|
-
var _className = (0, _classnames.default)((
|
|
512
|
+
var _className = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, className, className), 'pro-form-item-changed', changed));
|
|
513
513
|
var originalTitle = originalTip ? (0, _jsxRuntime.jsxs)(_antd.Space, {
|
|
514
|
-
children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? /*#__PURE__*/_react.default.cloneElement(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])), {}, {
|
|
514
|
+
children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? ( /*#__PURE__*/_react.default.cloneElement(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])), {}, {
|
|
515
515
|
isView: true,
|
|
516
516
|
value: originalValue,
|
|
517
517
|
checked: type === 'Switch' ? originalValue : undefined
|
|
518
|
-
})) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])), {}, {
|
|
518
|
+
}))) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])), {}, {
|
|
519
519
|
isView: true,
|
|
520
520
|
value: originalValue,
|
|
521
521
|
checked: type === 'Switch' ? originalValue : undefined
|
|
@@ -526,7 +526,7 @@ var RenderField = function RenderField(_ref) {
|
|
|
526
526
|
}, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
|
|
527
527
|
className: _className,
|
|
528
528
|
name: cellName,
|
|
529
|
-
children: /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? /*#__PURE__*/_react.default.cloneElement(TargetComponent, (0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange']))) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])))
|
|
529
|
+
children: /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? ( /*#__PURE__*/_react.default.cloneElement(TargetComponent, (0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])))) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])))
|
|
530
530
|
})) : (0, _jsxRuntime.jsx)(_Container.default, {
|
|
531
531
|
viewEmpty: viewEmpty
|
|
532
532
|
});
|
|
@@ -221,9 +221,9 @@ var transformColumns = exports.transformColumns = function transformColumns() {
|
|
|
221
221
|
children: [columnTitle, (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
222
222
|
title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
|
|
223
223
|
}, resetProps), {}, {
|
|
224
|
-
children: icon ? /*#__PURE__*/_react.default.cloneElement(icon, {
|
|
224
|
+
children: icon ? ( /*#__PURE__*/_react.default.cloneElement(icon, {
|
|
225
225
|
className: 'icon-tip'
|
|
226
|
-
}) : (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
|
|
226
|
+
})) : (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
|
|
227
227
|
className: "icon-tip",
|
|
228
228
|
src: _tip.default
|
|
229
229
|
})
|
|
@@ -340,7 +340,6 @@ var transformColumns = exports.transformColumns = function transformColumns() {
|
|
|
340
340
|
})
|
|
341
341
|
});
|
|
342
342
|
};
|
|
343
|
-
|
|
344
343
|
item.render = _render;
|
|
345
344
|
});
|
|
346
345
|
if (disabled || isView) {
|
|
@@ -363,7 +362,6 @@ var transformColumns = exports.transformColumns = function transformColumns() {
|
|
|
363
362
|
var actionColumn = getActionColumn((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
|
|
364
363
|
validateKeys: validateKeys // 需要校验的单元格的formItem的name
|
|
365
364
|
}));
|
|
366
|
-
|
|
367
365
|
actionColumn && _columns.push(actionColumn);
|
|
368
366
|
}
|
|
369
367
|
// cacheMap 用来存储缓存值,若有值后不再请求
|
|
@@ -46,9 +46,7 @@ var TextAreaDef = function TextAreaDef(props) {
|
|
|
46
46
|
showCount: true,
|
|
47
47
|
autoComplete: "off",
|
|
48
48
|
placeholder: placeholder || "".concat(_locale.default.ProForm.inputPlaceholder).concat(label || ''),
|
|
49
|
-
autoSize:
|
|
50
|
-
minRows: 4
|
|
51
|
-
}
|
|
49
|
+
autoSize: true
|
|
52
50
|
}, (0, _lodash.omit)(initialConfig, ['trim'])), rest), {}, {
|
|
53
51
|
className: _className
|
|
54
52
|
}));
|
|
@@ -226,13 +226,13 @@ var ActionButton = function ActionButton(props) {
|
|
|
226
226
|
},
|
|
227
227
|
children: label
|
|
228
228
|
}))
|
|
229
|
-
}), "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index)) : /*#__PURE__*/(0, _react.createElement)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
|
|
229
|
+
}), "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index)) : ( /*#__PURE__*/(0, _react.createElement)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
|
|
230
230
|
key: "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index),
|
|
231
231
|
onClick: function onClick(e) {
|
|
232
232
|
e.stopPropagation();
|
|
233
233
|
handleClick(_onClick, index);
|
|
234
234
|
}
|
|
235
|
-
}), label);
|
|
235
|
+
}), label));
|
|
236
236
|
})
|
|
237
237
|
});
|
|
238
238
|
};
|