test(ac): transform changes

Author: thetaPC

core/src/components/action-sheet/action-sheet.scss

@@ -68,7 +68,7 @@
 
 .action-sheet-wrapper {
   @include position(null, 0, 0, 0);
-  // @include transform(translate3d(0, 100%, 0));
+  @include transform(translate3d(0, 100%, 0));
 
   display: block;
   position: absolute;

core/src/components/action-sheet/animations/md.enter.ts

@@ -20,7 +20,10 @@ export const mdEnterAnimation = (baseEl: HTMLElement): Animation => {
 
   wrapperAnimation
     .addElement(baseEl.querySelector('.action-sheet-wrapper')!)
-    .fromTo('transform', 'translateY(100%)', 'translateY(0%)');
+    .keyframes([
+      { offset: 0, transform: 'translateY(100%)' },
+      { offset: 1, transform: 'translateY(0%)' }
+    ]);
 
   return baseAnimation
     .addElement(baseEl)

core/src/components/action-sheet/animations/md.leave.ts

@@ -14,7 +14,10 @@ export const mdLeaveAnimation = (baseEl: HTMLElement): Animation => {
 
   wrapperAnimation
     .addElement(baseEl.querySelector('.action-sheet-wrapper')!)
-    .fromTo('transform', 'translateY(0%)', 'translateY(100%)');
+    .keyframes([
+    { offset: 0, transform: 'translateY(0%)' },
+    { offset: 1, transform: 'translateY(100%)' }
+  ]);
 
   return baseAnimation
     .addElement(baseEl)