From c2a0197d778d572476b1803eaa8fee3bfae9eda4 Mon Sep 17 00:00:00 2001
From: leeonon <v5sollee@gmail.com>
Date: Thu, 1 Sep 2022 17:29:28 +0800
Subject: [PATCH] fix: add topLeft and topRight animation

---
 assets/index.less | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/assets/index.less b/assets/index.less
index c7f91afcf..4af07760c 100644
--- a/assets/index.less
+++ b/assets/index.less
@@ -315,12 +315,15 @@
   }
 
   &-slide-up-enter&-slide-up-enter-active&-placement-topLeft,
-  &-slide-up-appear&-slide-up-appear-active&-placement-topLeft {
+  &-slide-up-appear&-slide-up-appear-active&-placement-topLeft,
+  &-slide-up-enter&-slide-up-enter-active&-placement-topRight,
+  &-slide-up-appear&-slide-up-appear-active&-placement-topRight {
     animation-name: rcSelectDropdownSlideDownIn;
     animation-play-state: running;
   }
 
-  &-slide-up-leave&-slide-up-leave-active&-placement-topLeft {
+  &-slide-up-leave&-slide-up-leave-active&-placement-topLeft,
+  &-slide-up-leave&-slide-up-leave-active&-placement-topRight {
     animation-name: rcSelectDropdownSlideDownOut;
     animation-play-state: running;
   }
@@ -351,6 +354,34 @@
   }
 }
 
+@keyframes rcSelectDropdownSlideDownIn {
+  0% {
+    transform: scaleY(0);
+    transform-origin: 100% 100%;
+    opacity: 0;
+  }
+
+  100% {
+    transform: scaleY(1);
+    transform-origin: 100% 100%;
+    opacity: 1;
+  }
+}
+
+@keyframes rcSelectDropdownSlideDownOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 100% 100%;
+    opacity: 1;
+  }
+
+  100% {
+    transform: scaleY(0);
+    transform-origin: 100% 100%;
+    opacity: 0;
+  }
+}
+
 @keyframes rcSelectLoadingIcon {
   0% {
     transform: rotate(0);