x-ui-design 0.3.79 → 0.3.81

package/dist/index.esm.js

@@ -743,11 +743,17 @@ const useForm = (initialValues = {}, onFieldsChange, onValuesChange, scrollToFir
   async function validateFields(nameList) {
     const fieldsToValidate = nameList || Object.keys(formRef.current);
     const results = await Promise.all(fieldsToValidate.map(name => validateField(name)));
-    console.log(_scrollToFirstError.current);
     if (_scrollToFirstError.current) {
       const firstErrorContent = document.querySelectorAll('.xUi-form-item-error')?.[0];
       if (firstErrorContent) {
-        firstErrorContent.closest('.xUi-form-item')?.closest('[data-item="first-content"]')?.scrollIntoView();
+        function findFormItem(item) {
+          if (item?.parentElement?.tagName !== 'FORM') {
+            findFormItem(item?.parentElement);
+          } else {
+            item.scrollIntoView();
+          }
+        }
+        findFormItem(firstErrorContent.closest('.xUi-form-item'));
         setScrollToFirstError(false);
       }
     }
@@ -1134,16 +1140,14 @@ const Form$1 = ({
       formInstance.onValuesChange = onValuesChange;
     }
   }, [formInstance, onFieldsChange, onValuesChange]);
-  const injectPropsIntoFinalLeaf = (child, key) => {
+  const injectPropsIntoFinalLeaf = child => {
     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, _extends({}, childProps, {
-        "data-item": key == 0 ? 'first-content' : ''
-      }), Children.map(flattenChildren(childProps.children), injectPropsIntoFinalLeaf));
+      return /*#__PURE__*/React$1.createElement(child.type, childProps, Children.map(flattenChildren(childProps.children), injectPropsIntoFinalLeaf));
     }
     if (childProps?.__injected) {
       return child;
@@ -1161,7 +1165,7 @@ const Form$1 = ({
     ref: formRef,
     onSubmit: handleSubmit,
     className: `${prefixCls} ${className}`
-  }, Children.map(childrenList, (child, key) => injectPropsIntoFinalLeaf(child, key))));
+  }, Children.map(childrenList, child => injectPropsIntoFinalLeaf(child))));
 };
 Form$1.Item = FormItem$1;
 
@@ -3381,7 +3385,7 @@ const SelectComponent = /*#__PURE__*/forwardRef(({
     style: {
       ...dropdownPosition,
       maxHeight: listHeight,
-      opacity: Object.keys(dropdownPosition).length ? 1 : 0
+      opacity: dropdownPosition.top ? 1 : 0
     }
   }, filterable && /*#__PURE__*/React$1.createElement("input", {
     type: "text",