@zat-design/sisyphus-react 3.4.11-beta.3 → 3.4.11-beta.5
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/es/ProEditTable/components/RenderField/index.js +12 -4
- package/es/ProForm/components/combination/ProCascader/index.js +10 -11
- package/es/ProForm/components/render/propsType.d.ts +2 -2
- package/es/ProForm/utils/useRules.js +8 -0
- package/es/ProLayout/components/ProCollapse/PropTypes.d.ts +5 -0
- package/es/ProTreeModal/index.js +7 -3
- package/lib/ProEditTable/components/RenderField/index.js +12 -4
- package/lib/ProForm/components/combination/ProCascader/index.js +13 -14
- package/lib/ProForm/components/render/propsType.d.ts +2 -2
- package/lib/ProForm/utils/useRules.js +8 -0
- package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts +5 -0
- package/lib/ProTreeModal/index.js +7 -3
- package/package.json +1 -1
|
@@ -286,6 +286,12 @@ var RenderField = function RenderField(_ref) {
|
|
|
286
286
|
}
|
|
287
287
|
return nextArgs;
|
|
288
288
|
};
|
|
289
|
+
var debounceValidate = function debounceValidate() {
|
|
290
|
+
var validateFieldKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
291
|
+
setTimeout(function () {
|
|
292
|
+
form.validateFields([name].concat(_toConsumableArray(validateFieldKeys)));
|
|
293
|
+
}, 100);
|
|
294
|
+
};
|
|
289
295
|
// 单元格更新数据时,加个防抖,防止更新频率过快,卡顿
|
|
290
296
|
var _onChange = debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
291
297
|
var _len2,
|
|
@@ -366,10 +372,10 @@ var RenderField = function RenderField(_ref) {
|
|
|
366
372
|
return [].concat(_toConsumableArray(rowPath), [key]);
|
|
367
373
|
});
|
|
368
374
|
if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
|
|
369
|
-
|
|
370
|
-
form.validateFields([name].concat(_toConsumableArray(validateFieldKeys)));
|
|
371
|
-
}, 100);
|
|
375
|
+
debounceValidate(validateFieldKeys);
|
|
372
376
|
}
|
|
377
|
+
} else {
|
|
378
|
+
debounceValidate();
|
|
373
379
|
}
|
|
374
380
|
setState({
|
|
375
381
|
forceUpdate: {
|
|
@@ -432,8 +438,10 @@ var RenderField = function RenderField(_ref) {
|
|
|
432
438
|
return [].concat(_toConsumableArray(rowPath), [key]);
|
|
433
439
|
});
|
|
434
440
|
if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
|
|
435
|
-
|
|
441
|
+
debounceValidate(validateFieldKeys);
|
|
436
442
|
}
|
|
443
|
+
} else {
|
|
444
|
+
debounceValidate();
|
|
437
445
|
}
|
|
438
446
|
if (!isCell) {
|
|
439
447
|
_context2.next = 20;
|
|
@@ -9,6 +9,7 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
|
|
|
9
9
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
10
10
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
11
11
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
12
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
12
13
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
13
14
|
import "antd/es/typography/style";
|
|
14
15
|
import _Typography from "antd/es/typography";
|
|
@@ -22,11 +23,14 @@ import useEnum from '../../../../ProEnum/hooks/useEnum';
|
|
|
22
23
|
import locale from '../../../../locale';
|
|
23
24
|
import ProForm from '../../..';
|
|
24
25
|
var Text = _Typography.Text;
|
|
25
|
-
var
|
|
26
|
+
var defaultFieldNames = {
|
|
27
|
+
label: 'name',
|
|
28
|
+
value: 'code',
|
|
29
|
+
children: 'children'
|
|
30
|
+
};
|
|
31
|
+
var filterDataSource = function filterDataSource(dataSource, level, fieldNames) {
|
|
26
32
|
return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
|
|
27
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
28
|
-
children: level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item.children, level - 1)
|
|
29
|
-
});
|
|
33
|
+
return _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children', level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'], level - 1, fieldNames)));
|
|
30
34
|
});
|
|
31
35
|
};
|
|
32
36
|
var getViewLabel = function getViewLabel(_ref) {
|
|
@@ -44,11 +48,6 @@ var getViewLabel = function getViewLabel(_ref) {
|
|
|
44
48
|
});
|
|
45
49
|
return viewLabel;
|
|
46
50
|
};
|
|
47
|
-
var defaultFieldNames = {
|
|
48
|
-
label: 'name',
|
|
49
|
-
value: 'code',
|
|
50
|
-
children: 'children'
|
|
51
|
-
};
|
|
52
51
|
var ProCascader = function ProCascader(props) {
|
|
53
52
|
var _value$slice, _ref7, _ref7$filter, _defaultLabel$filter, _locale$ProAddressBar, _locale$ProAddressBar2;
|
|
54
53
|
var _ref2 = useProConfig('ProAddressBar') || {},
|
|
@@ -94,7 +93,7 @@ var ProCascader = function ProCascader(props) {
|
|
|
94
93
|
enumDataSource = _ref5$ === void 0 ? [] : _ref5$;
|
|
95
94
|
var realDataSource = useMemo(function () {
|
|
96
95
|
var innerDataSource = dataSource || (addressCode ? enumDataSource : []);
|
|
97
|
-
var result = isAddressMode && realLevel === 2 ? filterDataSource(innerDataSource, level) : innerDataSource;
|
|
96
|
+
var result = isAddressMode && realLevel === 2 ? filterDataSource(innerDataSource, level, fieldNames) : innerDataSource;
|
|
98
97
|
return transformDataName(result, fieldNames);
|
|
99
98
|
}, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
|
|
100
99
|
var _useRequest = _objectSpread({}, useRequest),
|
|
@@ -129,7 +128,7 @@ var ProCascader = function ProCascader(props) {
|
|
|
129
128
|
value: fieldNames.value,
|
|
130
129
|
children: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'
|
|
131
130
|
});
|
|
132
|
-
serviceData = isAddressMode && realLevel === 2 ? filterDataSource(transFormData, level) : transFormData;
|
|
131
|
+
serviceData = isAddressMode && realLevel === 2 ? filterDataSource(transFormData, level, fieldNames) : transFormData;
|
|
133
132
|
setServiceData(serviceData);
|
|
134
133
|
case 9:
|
|
135
134
|
case "end":
|
|
@@ -2,7 +2,7 @@ import { ColProps, FormInstance, FormItemProps, ModalFuncProps } from 'antd';
|
|
|
2
2
|
import { NamePath } from 'antd/es/form/interface';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { validate, regExp } from '@zat-design/utils';
|
|
5
|
-
import {
|
|
5
|
+
import { RuleObject } from 'antd/es/form';
|
|
6
6
|
import * as componentMap from '../index';
|
|
7
7
|
import { IProps as InputProps } from '../base/Input/propsType';
|
|
8
8
|
import { Props as InputNumberProps } from '../base/InputNumber';
|
|
@@ -38,7 +38,7 @@ interface ExtendType {
|
|
|
38
38
|
type?: ValidateKey | RegExpKey;
|
|
39
39
|
message?: string;
|
|
40
40
|
}
|
|
41
|
-
export type ProRule =
|
|
41
|
+
export type ProRule = RuleObject | ExtendType;
|
|
42
42
|
/**
|
|
43
43
|
* percent 百分比 permillage 千分比 amount 金额
|
|
44
44
|
*/
|
|
@@ -42,6 +42,14 @@ var useRules = function useRules(props) {
|
|
|
42
42
|
}
|
|
43
43
|
result.rules = Array.isArray(rules) ? [].concat(_toConsumableArray(rules), [rule]) : [rule];
|
|
44
44
|
}
|
|
45
|
+
} else if (requiredRule && (names === null || names === void 0 ? void 0 : names.length)) {
|
|
46
|
+
// names字段 修改必填规则校验
|
|
47
|
+
requiredRule.validator = function (_, value) {
|
|
48
|
+
if (!value || isNullArray(value)) {
|
|
49
|
+
return Promise.reject(new Error("".concat(locale.ProForm.inputPlaceholder).concat(_label)));
|
|
50
|
+
}
|
|
51
|
+
return Promise.resolve();
|
|
52
|
+
};
|
|
45
53
|
}
|
|
46
54
|
return result;
|
|
47
55
|
}, [rules, required]);
|
package/es/ProTreeModal/index.js
CHANGED
|
@@ -224,9 +224,13 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
224
224
|
// 全选的时候返回 allValue 标记即可
|
|
225
225
|
// 3.3.2 版本全选的时候返回所有值的合集 list
|
|
226
226
|
if (allValue !== undefined && state.checkAll && !draggable) {
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
}
|
|
227
|
+
if (labelInValue) {
|
|
228
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData);
|
|
229
|
+
} else {
|
|
230
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData.map(function (item) {
|
|
231
|
+
return item[fieldNameValue];
|
|
232
|
+
}));
|
|
233
|
+
}
|
|
230
234
|
} else if (draggable && span) {
|
|
231
235
|
var _listRef$current;
|
|
232
236
|
// 开启 draggable 使用拖拽后的顺序
|
|
@@ -289,6 +289,12 @@ var RenderField = function RenderField(_ref) {
|
|
|
289
289
|
}
|
|
290
290
|
return nextArgs;
|
|
291
291
|
};
|
|
292
|
+
var debounceValidate = function debounceValidate() {
|
|
293
|
+
var validateFieldKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
294
|
+
setTimeout(function () {
|
|
295
|
+
form.validateFields([name].concat((0, _toConsumableArray2.default)(validateFieldKeys)));
|
|
296
|
+
}, 100);
|
|
297
|
+
};
|
|
292
298
|
// 单元格更新数据时,加个防抖,防止更新频率过快,卡顿
|
|
293
299
|
var _onChange = (0, _lodash.debounce)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
|
|
294
300
|
var _len2,
|
|
@@ -369,10 +375,10 @@ var RenderField = function RenderField(_ref) {
|
|
|
369
375
|
return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
|
|
370
376
|
});
|
|
371
377
|
if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
|
|
372
|
-
|
|
373
|
-
form.validateFields([name].concat((0, _toConsumableArray2.default)(validateFieldKeys)));
|
|
374
|
-
}, 100);
|
|
378
|
+
debounceValidate(validateFieldKeys);
|
|
375
379
|
}
|
|
380
|
+
} else {
|
|
381
|
+
debounceValidate();
|
|
376
382
|
}
|
|
377
383
|
setState({
|
|
378
384
|
forceUpdate: {
|
|
@@ -435,8 +441,10 @@ var RenderField = function RenderField(_ref) {
|
|
|
435
441
|
return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
|
|
436
442
|
});
|
|
437
443
|
if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
|
|
438
|
-
|
|
444
|
+
debounceValidate(validateFieldKeys);
|
|
439
445
|
}
|
|
446
|
+
} else {
|
|
447
|
+
debounceValidate();
|
|
440
448
|
}
|
|
441
449
|
if (!isCell) {
|
|
442
450
|
_context2.next = 20;
|
|
@@ -10,7 +10,8 @@ var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helper
|
|
|
10
10
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
var
|
|
13
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
+
var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
var _react = require("react");
|
|
16
17
|
var _antd = require("antd");
|
|
@@ -22,11 +23,14 @@ var _locale = _interopRequireDefault(require("../../../../locale"));
|
|
|
22
23
|
var _ = _interopRequireDefault(require("../../.."));
|
|
23
24
|
var _excluded = ["className", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "code", "tooltip", "separator"];
|
|
24
25
|
var Text = _antd.Typography.Text;
|
|
25
|
-
var
|
|
26
|
+
var defaultFieldNames = {
|
|
27
|
+
label: 'name',
|
|
28
|
+
value: 'code',
|
|
29
|
+
children: 'children'
|
|
30
|
+
};
|
|
31
|
+
var filterDataSource = function filterDataSource(dataSource, level, fieldNames) {
|
|
26
32
|
return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
|
|
27
|
-
return (0,
|
|
28
|
-
children: level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item.children, level - 1)
|
|
29
|
-
});
|
|
33
|
+
return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, item), {}, (0, _defineProperty2.default)({}, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children', level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'], level - 1, fieldNames)));
|
|
30
34
|
});
|
|
31
35
|
};
|
|
32
36
|
var getViewLabel = function getViewLabel(_ref) {
|
|
@@ -44,11 +48,6 @@ var getViewLabel = function getViewLabel(_ref) {
|
|
|
44
48
|
});
|
|
45
49
|
return viewLabel;
|
|
46
50
|
};
|
|
47
|
-
var defaultFieldNames = {
|
|
48
|
-
label: 'name',
|
|
49
|
-
value: 'code',
|
|
50
|
-
children: 'children'
|
|
51
|
-
};
|
|
52
51
|
var ProCascader = function ProCascader(props) {
|
|
53
52
|
var _value$slice, _ref7, _ref7$filter, _defaultLabel$filter, _locale$ProAddressBar, _locale$ProAddressBar2;
|
|
54
53
|
var _ref2 = (0, _ProConfigProvider.useProConfig)('ProAddressBar') || {},
|
|
@@ -94,10 +93,10 @@ var ProCascader = function ProCascader(props) {
|
|
|
94
93
|
enumDataSource = _ref5$ === void 0 ? [] : _ref5$;
|
|
95
94
|
var realDataSource = (0, _react.useMemo)(function () {
|
|
96
95
|
var innerDataSource = dataSource || (addressCode ? enumDataSource : []);
|
|
97
|
-
var result = isAddressMode && realLevel === 2 ? filterDataSource(innerDataSource, level) : innerDataSource;
|
|
96
|
+
var result = isAddressMode && realLevel === 2 ? filterDataSource(innerDataSource, level, fieldNames) : innerDataSource;
|
|
98
97
|
return (0, _index.transformDataName)(result, fieldNames);
|
|
99
98
|
}, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
|
|
100
|
-
var _useRequest = (0,
|
|
99
|
+
var _useRequest = (0, _objectSpread3.default)({}, useRequest),
|
|
101
100
|
service = _useRequest.service,
|
|
102
101
|
_useRequest$defaultPa = _useRequest.defaultParams,
|
|
103
102
|
defaultParams = _useRequest$defaultPa === void 0 ? {} : _useRequest$defaultPa;
|
|
@@ -129,7 +128,7 @@ var ProCascader = function ProCascader(props) {
|
|
|
129
128
|
value: fieldNames.value,
|
|
130
129
|
children: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'
|
|
131
130
|
});
|
|
132
|
-
serviceData = isAddressMode && realLevel === 2 ? filterDataSource(transFormData, level) : transFormData;
|
|
131
|
+
serviceData = isAddressMode && realLevel === 2 ? filterDataSource(transFormData, level, fieldNames) : transFormData;
|
|
133
132
|
setServiceData(serviceData);
|
|
134
133
|
case 9:
|
|
135
134
|
case "end":
|
|
@@ -222,7 +221,7 @@ var ProCascader = function ProCascader(props) {
|
|
|
222
221
|
children: viewValue
|
|
223
222
|
}) : (0, _jsxRuntime.jsxs)("div", {
|
|
224
223
|
className: "pro-address ".concat(className),
|
|
225
|
-
children: [(0, _jsxRuntime.jsx)(_antd.Cascader, (0,
|
|
224
|
+
children: [(0, _jsxRuntime.jsx)(_antd.Cascader, (0, _objectSpread3.default)({
|
|
226
225
|
className: hasDetail ? '' : 'no-detail',
|
|
227
226
|
placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar = _locale.default.ProAddressBar) === null || _locale$ProAddressBar === void 0 ? void 0 : _locale$ProAddressBar.placeholder,
|
|
228
227
|
value: addressValue,
|
|
@@ -2,7 +2,7 @@ import { ColProps, FormInstance, FormItemProps, ModalFuncProps } from 'antd';
|
|
|
2
2
|
import { NamePath } from 'antd/es/form/interface';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { validate, regExp } from '@zat-design/utils';
|
|
5
|
-
import {
|
|
5
|
+
import { RuleObject } from 'antd/es/form';
|
|
6
6
|
import * as componentMap from '../index';
|
|
7
7
|
import { IProps as InputProps } from '../base/Input/propsType';
|
|
8
8
|
import { Props as InputNumberProps } from '../base/InputNumber';
|
|
@@ -38,7 +38,7 @@ interface ExtendType {
|
|
|
38
38
|
type?: ValidateKey | RegExpKey;
|
|
39
39
|
message?: string;
|
|
40
40
|
}
|
|
41
|
-
export type ProRule =
|
|
41
|
+
export type ProRule = RuleObject | ExtendType;
|
|
42
42
|
/**
|
|
43
43
|
* percent 百分比 permillage 千分比 amount 金额
|
|
44
44
|
*/
|
|
@@ -49,6 +49,14 @@ var useRules = function useRules(props) {
|
|
|
49
49
|
}
|
|
50
50
|
result.rules = Array.isArray(rules) ? [].concat((0, _toConsumableArray2.default)(rules), [rule]) : [rule];
|
|
51
51
|
}
|
|
52
|
+
} else if (requiredRule && (names === null || names === void 0 ? void 0 : names.length)) {
|
|
53
|
+
// names字段 修改必填规则校验
|
|
54
|
+
requiredRule.validator = function (_, value) {
|
|
55
|
+
if (!value || (0, _index.isNullArray)(value)) {
|
|
56
|
+
return Promise.reject(new Error("".concat(_locale.default.ProForm.inputPlaceholder).concat(_label)));
|
|
57
|
+
}
|
|
58
|
+
return Promise.resolve();
|
|
59
|
+
};
|
|
52
60
|
}
|
|
53
61
|
return result;
|
|
54
62
|
}, [rules, required]);
|
|
@@ -225,9 +225,13 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
225
225
|
// 全选的时候返回 allValue 标记即可
|
|
226
226
|
// 3.3.2 版本全选的时候返回所有值的合集 list
|
|
227
227
|
if (allValue !== undefined && state.checkAll && !draggable) {
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
}
|
|
228
|
+
if (labelInValue) {
|
|
229
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData);
|
|
230
|
+
} else {
|
|
231
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(state.flatTreeData.map(function (item) {
|
|
232
|
+
return item[fieldNameValue];
|
|
233
|
+
}));
|
|
234
|
+
}
|
|
231
235
|
} else if (draggable && span) {
|
|
232
236
|
var _listRef$current;
|
|
233
237
|
// 开启 draggable 使用拖拽后的顺序
|