datastake-daf 0.6.563 → 0.6.565

package/dist/components/index.js

@@ -40564,16 +40564,25 @@ function AuthForm(_ref) {
     setFormErrors(errors);
   }, [errors]);
   const renderErrors = (err, t) => {
-    document.querySelectorAll('.ant-form-item').forEach(input => input.classList.add('ant-form-item-has-error'));
-    return Object.keys(err).map(key => {
-      return err[key].map(error => /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "ant-form-item-explain errors-cont",
-        style: {
-          color: '#ff4d4f'
-        },
-        children: t(error)
-      }, error));
+    const generalErrors = [];
+    Object.keys(err).forEach(key => {
+      const isFieldError = currentFields.some(field => field.name === key);
+      if (isFieldError) {
+        formInstance.setFields([{
+          name: key,
+          errors: err[key]
+        }]);
+      } else {
+        generalErrors.push(...err[key].map(error => /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "ant-form-item-explain errors-cont",
+          style: {
+            color: '#ff4d4f'
+          },
+          children: t(error)
+        }, "".concat(key, "-").concat(error))));
+      }
     });
+    return generalErrors;
   };
   const renderField = field => {
     var _field$options;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.563",
+	"version": "0.6.565",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/AuthForm/index.jsx

@@ -81,18 +81,29 @@ function AuthForm ({
   }, [errors]);
 
   const renderErrors = (err, t) => {
-    document.querySelectorAll('.ant-form-item')
-      .forEach(input => input.classList.add('ant-form-item-has-error'))
-    return Object.keys(err).map(key => {
-      return err[key].map(error =>
-        <div
-          key={error}
-          className="ant-form-item-explain errors-cont"
-          style={{ color: '#ff4d4f' }}>
-          {t(error)}
-        </div>
-      )
+    const generalErrors = [];
+    
+    Object.keys(err).forEach(key => {
+      const isFieldError = currentFields.some(field => field.name === key);
+      
+      if (isFieldError) {
+        formInstance.setFields([{
+          name: key,
+          errors: err[key]
+        }]);
+      } else {
+        generalErrors.push(...err[key].map(error =>
+          <div
+            key={`${key}-${error}`}
+            className="ant-form-item-explain errors-cont"
+            style={{ color: '#ff4d4f' }}>
+            {t(error)}
+          </div>
+        ));
+      }
     });
+    
+    return generalErrors;
   }
 
   const renderField = (field) => {
@@ -190,7 +201,7 @@ function AuthForm ({
                 </BorderedButton>
             </div>
         )}
-                </Form>
+        </Form>
       </>
   );
 }