musae 1.3.1-beta.18 → 1.3.1-beta.19
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.
|
@@ -14,7 +14,7 @@ var className = require('@aiszlab/relax/class-name');
|
|
|
14
14
|
var context = require('../context.cjs');
|
|
15
15
|
var index = require('../hooks/index.cjs');
|
|
16
16
|
|
|
17
|
-
var _excluded = ["required", "children", "className", "style", "supporting", "name", "rules"];
|
|
17
|
+
var _excluded = ["required", "children", "className", "style", "supporting", "error", "name", "rules"];
|
|
18
18
|
/**
|
|
19
19
|
* @description
|
|
20
20
|
* form item may not has name prop
|
|
@@ -26,6 +26,7 @@ var Field = function Field(_ref) {
|
|
|
26
26
|
className$1 = _ref.className,
|
|
27
27
|
style = _ref.style,
|
|
28
28
|
supporting$1 = _ref.supporting,
|
|
29
|
+
renderError = _ref.error,
|
|
29
30
|
name = _ref.name,
|
|
30
31
|
rules = _ref.rules,
|
|
31
32
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -62,7 +63,7 @@ var Field = function Field(_ref) {
|
|
|
62
63
|
className: classNames.item,
|
|
63
64
|
supporting: /*#__PURE__*/React.createElement(React.Fragment, null, !!supporting$1 && /*#__PURE__*/React.createElement(supporting.default, null, supporting$1), /*#__PURE__*/React.createElement(react.AnimatePresence, {
|
|
64
65
|
mode: "wait"
|
|
65
|
-
}, isInvalid && /*#__PURE__*/React.createElement(error.default, null, error$1)))
|
|
66
|
+
}, isInvalid && (renderError === false ? null : relax.isFunction(renderError) ? renderError(error$1) : (/*#__PURE__*/React.createElement(error.default, null, error$1)))))
|
|
66
67
|
}, /*#__PURE__*/React.createElement("div", {
|
|
67
68
|
className: className.stringify(classNames.field, className$1),
|
|
68
69
|
style: style
|
|
@@ -6,5 +6,5 @@ import type { RequiredIn } from "@aiszlab/relax/types";
|
|
|
6
6
|
* form item may not has name prop
|
|
7
7
|
* if there is name prop, it will render
|
|
8
8
|
*/
|
|
9
|
-
declare const Field: <T extends FieldsValue, FieldKey extends keyof T>({ required, children: _children, className, style, supporting, name, rules, ...props }: RequiredIn<FormItemProps<T, FieldKey>, "name" | "required">) => React.JSX.Element;
|
|
9
|
+
declare const Field: <T extends FieldsValue, FieldKey extends keyof T>({ required, children: _children, className, style, supporting, error: renderError, name, rules, ...props }: RequiredIn<FormItemProps<T, FieldKey>, "name" | "required">) => React.JSX.Element;
|
|
10
10
|
export default Field;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
3
|
import React, { useContext, useMemo, Children, isValidElement, cloneElement } from 'react';
|
|
4
|
-
import { chain } from '@aiszlab/relax';
|
|
4
|
+
import { chain, isFunction } from '@aiszlab/relax';
|
|
5
5
|
import Layout from './layout.mjs';
|
|
6
6
|
import Error from './error.mjs';
|
|
7
7
|
import { AnimatePresence } from 'motion/react';
|
|
@@ -10,7 +10,7 @@ import { stringify } from '@aiszlab/relax/class-name';
|
|
|
10
10
|
import Context from '../context.mjs';
|
|
11
11
|
import { useFormItem } from '../hooks/index.mjs';
|
|
12
12
|
|
|
13
|
-
var _excluded = ["required", "children", "className", "style", "supporting", "name", "rules"];
|
|
13
|
+
var _excluded = ["required", "children", "className", "style", "supporting", "error", "name", "rules"];
|
|
14
14
|
/**
|
|
15
15
|
* @description
|
|
16
16
|
* form item may not has name prop
|
|
@@ -22,6 +22,7 @@ var Field = function Field(_ref) {
|
|
|
22
22
|
className = _ref.className,
|
|
23
23
|
style = _ref.style,
|
|
24
24
|
supporting = _ref.supporting,
|
|
25
|
+
renderError = _ref.error,
|
|
25
26
|
name = _ref.name,
|
|
26
27
|
rules = _ref.rules,
|
|
27
28
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -58,7 +59,7 @@ var Field = function Field(_ref) {
|
|
|
58
59
|
className: classNames.item,
|
|
59
60
|
supporting: /*#__PURE__*/React.createElement(React.Fragment, null, !!supporting && /*#__PURE__*/React.createElement(Supporting, null, supporting), /*#__PURE__*/React.createElement(AnimatePresence, {
|
|
60
61
|
mode: "wait"
|
|
61
|
-
}, isInvalid && /*#__PURE__*/React.createElement(Error, null, error)))
|
|
62
|
+
}, isInvalid && (renderError === false ? null : isFunction(renderError) ? renderError(error) : (/*#__PURE__*/React.createElement(Error, null, error)))))
|
|
62
63
|
}, /*#__PURE__*/React.createElement("div", {
|
|
63
64
|
className: stringify(classNames.field, className),
|
|
64
65
|
style: style
|
package/dist/types/form.d.ts
CHANGED
|
@@ -164,6 +164,11 @@ interface FormItemProps<T extends FieldsValue, FieldKey extends keyof T> {
|
|
|
164
164
|
* supporting
|
|
165
165
|
*/
|
|
166
166
|
supporting?: ReactNode;
|
|
167
|
+
/**
|
|
168
|
+
* @zh 自定义错误消息的渲染方式
|
|
169
|
+
* @en Customize how the error message is rendered
|
|
170
|
+
*/
|
|
171
|
+
error?: false | ((error: ReactNode) => ReactNode);
|
|
167
172
|
/**
|
|
168
173
|
* label
|
|
169
174
|
*/
|