revert: formItem errorlist animate

Author: tangjinzhou

components/comment/__tests__/__snapshots__/demo.test.js.snap

@@ -38,7 +38,7 @@ exports[`renders ./components/comment/demo/editor.vue correctly 1`] = `
               <div class="ant-form-item-control-input-content"><textarea rows="4" class="ant-input"></textarea></div>
               <!---->
             </div>
-            <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+            <!---->
             <!---->
           </div>
         </div>
@@ -51,7 +51,7 @@ exports[`renders ./components/comment/demo/editor.vue correctly 1`] = `
                 </button></div>
               <!---->
             </div>
-            <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+            <!---->
             <!---->
           </div>
         </div>

components/comment/__tests__/__snapshots__/index.test.js.snap

@@ -49,7 +49,7 @@ exports[`Comment Comment can be used as editor, user can customize the editor co
                   <div class="ant-form-item-control-input-content"><textarea rows="4" class="ant-input"></textarea></div>
                   <!---->
                 </div>
-                <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+                <!---->
                 <!---->
               </div>
             </div>
@@ -62,7 +62,7 @@ exports[`Comment Comment can be used as editor, user can customize the editor co
                     </button></div>
                   <!---->
                 </div>
-                <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+                <!---->
                 <!---->
               </div>
             </div>

components/form/ErrorList.tsx

@@ -37,7 +37,7 @@ export default defineComponent({
         colMItem,
       );
       (transitionGroupProps as any).class = baseClassName.value;
-      return (
+      return props.errors?.length ? (
         <TransitionGroup {...transitionGroupProps} tag="div">
           {props.errors?.map((error: any, index: number) => (
             <div
@@ -49,7 +49,7 @@ export default defineComponent({
             </div>
           ))}
         </TransitionGroup>
-      );
+      ) : null;
     };
   },
 });

components/form/__tests__/__snapshots__/demo.test.js.snap

@@ -62,11 +62,9 @@
 
   margin-bottom: @form-item-margin-bottom;
   vertical-align: top;
-  // We delay one frame (0.017s) here to let CSSMotion goes
-  transition: margin-bottom @animation-duration-slow 0.017s linear;
 
   &-with-help {
-    // margin-bottom: 0;
+    margin-bottom: 0;
     transition: none;
   }
 
@@ -204,10 +202,8 @@
 
   &-explain-connected {
     height: 0;
-    min-height: @form-item-margin-bottom;
+    min-height: 0;
     opacity: 0;
-    margin-top: -@form-item-margin-bottom;
-    transform: translateY(@form-item-margin-bottom);
   }
 
   &-extra {

components/form/style/index.less

@@ -27,7 +27,7 @@ exports[`renders ./components/mentions/demo/form.vue correctly 1`] = `
         </div>
         <!---->
       </div>
-      <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+      <!---->
       <!---->
     </div>
   </div>
@@ -44,7 +44,7 @@ exports[`renders ./components/mentions/demo/form.vue correctly 1`] = `
         </div>
         <!---->
       </div>
-      <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+      <!---->
       <!---->
     </div>
   </div>
@@ -59,7 +59,7 @@ exports[`renders ./components/mentions/demo/form.vue correctly 1`] = `
           </button></div>
         <!---->
       </div>
-      <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+      <!---->
       <!---->
     </div>
   </div>

components/mentions/__tests__/__snapshots__/demo.test.js.snap

@@ -92,7 +92,7 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
           </button></div>
         <!---->
       </div>
-      <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+      <!---->
       <!---->
     </div>
   </div>
@@ -109,7 +109,7 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
           </button></div>
         <!---->
       </div>
-      <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+      <!---->
       <!---->
     </div>
   </div>
@@ -124,7 +124,7 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
         </div>
         <!---->
       </div>
-      <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+      <!---->
       <!---->
     </div>
   </div>
@@ -139,7 +139,7 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
         </div>
         <!---->
       </div>
-      <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+      <!---->
       <!---->
     </div>
   </div>
@@ -154,7 +154,7 @@ exports[`renders ./components/skeleton/demo/element.vue correctly 1`] = `
         </div>
         <!---->
       </div>
-      <div class="ant-form-item-explain ant-form-item-explain-connected"></div>
+      <!---->
       <!---->
     </div>
   </div>