Refact/menu collapse animation (#1507)

* feat: use common collapse animation * chore: remove useless styles * fix: react collapse animation --------- Co-authored-by: sunzhe <sunzhe@tencent.com>
Tencent · Jul 25, 2023 · dd930d9 · dd930d9
1 parent 6209be4
commit dd930d9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/style/web/_global.less b/style/web/_global.less
@@ -30,3 +30,8 @@
     }
   }
 }
+
+.@{prefix}-slide-down-enter-active,
+.@{prefix}-slide-down-leave-active {
+  transition: height @anim-duration-base @anim-time-fn-easing;
+}
diff --git a/style/web/components/collapse/_index.less b/style/web/components/collapse/_index.less
@@ -122,8 +122,3 @@
     }
   }
 }
-
-.@{prefix}-slide-down-enter-active,
-.@{prefix}-slide-down-leave-active {
-  transition: height @anim-duration-base, padding @anim-duration-base;
-}
diff --git a/style/web/components/menu/_index.less b/style/web/components/menu/_index.less
@@ -299,19 +299,19 @@ a.@{prefix}-menu__item {
 
   .@{prefix}-menu__sub {
     padding: 0;
-    max-height: 0;
     overflow: hidden;
-    transition: max-height @anim-duration-base @anim-time-fn-easing;
-
-    &.@{prefix}-is-opened {
-      max-height: calc(100vh - @menu-height-default * 2);
-    }
 
     .@{prefix}-menu__item {
       padding-left: var(--padding-left, 32px);
     }
   }
 
+  .@{prefix}-slide-down-enter-active {
+    .@{prefix}-menu__sub {
+      height: 100%;
+    }
+  }
+
   .@{prefix}-menu__item {
     position: relative;
     margin: @comp-margin-xs 0;