x-ui-design 0.3.76 → 0.3.78

package/dist/index.esm.js

@@ -607,6 +607,7 @@ const useForm = (initialValues = {}, onFieldsChange, onValuesChange, scrollToFir
     ...initialValues
   });
   const fieldInstancesRef = useRef({});
+  const [isSubmit, setIsSubmit] = useState(false);
   const [isReseting, setIsReseting] = useState(false);
   const [errors, setErrors] = useState({});
   const fieldSubscribers = useRef({});
@@ -738,10 +739,16 @@ const useForm = (initialValues = {}, onFieldsChange, onValuesChange, scrollToFir
       [name]: fieldErrors
     }));
     warningsRef.current[name] = fieldWarnings;
-    if (_scrollToFirstError.current) {
+    console.log({
+      isSubmit,
+      _scrollToFirstError: _scrollToFirstError.current
+    });
+    if (isSubmit || _scrollToFirstError.current) {
       const firstErrorContent = document.querySelectorAll('.xUi-form-item-error')?.[0];
       if (firstErrorContent) {
-        firstErrorContent.closest('.xUi-form-item')?.scrollIntoView();
+        firstErrorContent.closest('.xUi-form-item')?.closest('[data-item="first-content"]')?.scrollIntoView();
+        setIsSubmit(false);
+        setScrollToFirstError(false);
       }
     }
     return fieldErrors.length === 0;
@@ -774,6 +781,7 @@ const useForm = (initialValues = {}, onFieldsChange, onValuesChange, scrollToFir
     setIsReseting(prev => !prev);
   }
   async function submit() {
+    setIsSubmit(true);
     return (await validateFields()) ? formRef.current : undefined;
   }
   function subscribeToField(name, callback) {
@@ -1106,12 +1114,12 @@ const Form$1 = ({
   scrollToFirstError = false,
   ...rest
 }) => {
-  const internalForm = useForm(initialValues, onFieldsChange, onValuesChange, scrollToFirstError);
+  const internalForm = useForm(initialValues, onFieldsChange, onValuesChange);
   const formInstance = form || internalForm;
-  formInstance.setScrollToFirstError(scrollToFirstError);
   const formRef = useRef(null);
   const handleSubmit = async e => {
     e.preventDefault();
+    formInstance.setScrollToFirstError(scrollToFirstError);
     if (await formInstance.validateFields()) {
       onFinish?.(formInstance.getFieldsValue());
     } else if (onFinishFailed) {
@@ -1131,14 +1139,16 @@ const Form$1 = ({
       formInstance.onValuesChange = onValuesChange;
     }
   }, [formInstance, onFieldsChange, onValuesChange]);
-  const injectPropsIntoFinalLeaf = child => {
+  const injectPropsIntoFinalLeaf = (child, key) => {
     if (! /*#__PURE__*/isValidElement(child)) {
       return child;
     }
     const childProps = child.props;
     const isWrapper = typeof child.type === 'string' && !('dangerouslySetInnerHTML' in childProps) && ['div', 'span', 'label'].includes(child.type);
     if (isWrapper) {
-      return /*#__PURE__*/React$1.createElement(child.type, childProps, Children.map(flattenChildren(childProps.children), injectPropsIntoFinalLeaf));
+      return /*#__PURE__*/React$1.createElement(child.type, _extends({}, childProps, {
+        "data-item": key == 0 ? 'first-content' : ''
+      }), Children.map(flattenChildren(childProps.children), injectPropsIntoFinalLeaf));
     }
     if (childProps?.__injected) {
       return child;
@@ -1156,7 +1166,7 @@ const Form$1 = ({
     ref: formRef,
     onSubmit: handleSubmit,
     className: `${prefixCls} ${className}`
-  }, Children.map(childrenList, child => injectPropsIntoFinalLeaf(child))));
+  }, Children.map(childrenList, (child, key) => injectPropsIntoFinalLeaf(child, key))));
 };
 Form$1.Item = FormItem$1;