x-ui-design 0.3.49 → 0.3.52

package/dist/index.esm.js

@@ -709,6 +709,7 @@ const useForm = (initialValues = {}, onFieldsChange, onValuesChange) => {
     const fieldWarnings = [];
     await Promise.all([rules].flat(1).map(async rule => {
       rule = typeof rule === 'function' ? rule(formInstance) : rule;
+      debugger;
       if (rule.required && (rule.validateBooleanFalse && !value || value === undefined || value === null || value === '' || Array.isArray(value) && !value.length)) {
         fieldErrors.push(rule.message || 'This field is required');
       }
@@ -917,6 +918,7 @@ const FormItem$1 = ({
   feedbackIcons,
   ...props
 }) => {
+  const [_name] = useState(valuePropName || name);
   const formContext = useContext(FormContext);
   const errorRef = useRef(null);
   if (!formContext) {
@@ -934,25 +936,25 @@ const FormItem$1 = ({
   } = formContext;
   const childrenList = useMemo(() => flattenChildren(children), [children]);
   useEffect(() => {
-    if (name && !getFieldInstance(name)) {
-      registerField(name, rules);
+    if (_name && !getFieldInstance(_name)) {
+      registerField(_name, rules);
     }
-  }, [name, rules]);
+  }, [_name, rules]);
   useEffect(() => {
     if (initialValue) {
-      setFieldValue(name, initialValue);
+      setFieldValue(_name, initialValue);
     }
   }, []);
   useEffect(() => {
-    if (name && dependencies.length > 0) {
+    if (_name && dependencies.length > 0) {
       const unsubscribe = subscribeToFields(dependencies, () => {
-        validateFields([name]);
+        validateFields([_name]);
       });
       return () => {
         unsubscribe();
       };
     }
-  }, [dependencies, name]);
+  }, [dependencies, _name]);
   useEffect(() => {
     if (errorRef.current && errorRef.current?.clientHeight >= REF_CLIENT_HEIGHT) {
       errorRef.current.style.position = 'relative';
@@ -960,7 +962,7 @@ const FormItem$1 = ({
     }
   }, [errorRef.current]);
   const isRequired = useMemo(() => rules.some(rule => rule.required), [rules]);
-  const errorMessage = getFieldError(valuePropName || name)?.[0];
+  const errorMessage = getFieldError(_name)?.[0];
   return /*#__PURE__*/React$1.createElement("div", {
     style: style,
     className: clsx([`${prefixCls}`, {
@@ -968,10 +970,10 @@ const FormItem$1 = ({
       [className]: className,
       noStyle: props.noStyle
     }])
-  }, !props.noStyle && (label || name) && /*#__PURE__*/React$1.createElement("label", {
+  }, !props.noStyle && (label || _name) && /*#__PURE__*/React$1.createElement("label", {
     className: `${prefixCls}-label`,
-    htmlFor: name
-  }, label || name, ":", isRequired && /*#__PURE__*/React$1.createElement("span", {
+    htmlFor: _name
+  }, label || _name, ":", isRequired && /*#__PURE__*/React$1.createElement("span", {
     className: `${prefixCls}-required`
   }, "*")), Children.map(childrenList, (child, key) => {
     if (/*#__PURE__*/isValidElement(child) && child.type !== Fragment) {
@@ -982,9 +984,9 @@ const FormItem$1 = ({
         value,
         ...childProps
       } = child.props;
-      const fieldValue = getFieldValue(valuePropName || name) ?? initialValue;
+      const fieldValue = getFieldValue(_name) ?? initialValue;
       return /*#__PURE__*/React$1.createElement(FormItemChildComponent, _extends({}, childProps, {
-        name: name,
+        name: _name,
         child: child,
         value: value,
         fieldValue: fieldValue,
@@ -993,7 +995,6 @@ const FormItem$1 = ({
         key: `${key}_${isReseting}`,
         error: Boolean(errorMessage),
         setFieldValue: setFieldValue,
-        valuePropName: valuePropName,
         feedbackIcons: feedbackIcons
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-expect-error
@@ -1015,7 +1016,6 @@ const FormItemChildComponent = ({
   fieldValue,
   setFieldValue,
   onChange,
-  valuePropName,
   normalize,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   noStyle,
@@ -1044,7 +1044,7 @@ const FormItemChildComponent = ({
         return;
       }
     }
-    setFieldValue(valuePropName || name, rawValue);
+    setFieldValue(name, rawValue);
     onChange?.(e, option);
   };
   return /*#__PURE__*/React$1.createElement(child.type, _extends({}, props, {