@neatui/css 3.0.0-beta.8 → 3.0.0

package/components/anim/am-view-aa.scss

@@ -31,24 +31,24 @@
 }
 
 // 传参调用
-@mixin am-view-aa($time: 350ms, $delay: 100ms) {
+@mixin am-view-aa() {
   &.show,
   &[view='2'] {
     & > * {
       @extend %am-show-aa;
-      animation: am-show-aa $time $delay both;
+      animation: am-show-aa 350ms 100ms both;
     }
   }
 
   &.hide,
   &[view='1'] {
     opacity: 0;
-    transition: $time $delay;
+    transition: 350ms 100ms;
     pointer-events: none;
 
     & > * {
       @extend %am-hide-aa;
-      animation: am-hide-aa $time $delay both;
+      animation: am-hide-aa 350ms 100ms both;
     }
   }
 
@@ -58,29 +58,25 @@
   }
 }
 
-// 动画时间
-$time: 350ms;
-$delay: 100ms;
-
 // 全套引用
 [am-view='aa'] {
   &.show,
   &[view='2'] {
     & > * {
       @extend %am-show-aa;
-      animation: am-show-aa $time $delay both;
+      animation: am-show-aa 350ms 100ms both;
     }
   }
 
   &.hide,
   &[view='1'] {
     opacity: 0;
-    transition: $time $delay;
+    transition: 350ms 100ms;
     pointer-events: none;
 
     & > * {
       @extend %am-hide-aa;
-      animation: am-hide-aa $time $delay both;
+      animation: am-hide-aa 350ms 100ms both;
     }
   }
 

package/components/anim/am-view-ab.scss

@@ -47,24 +47,24 @@
 }
 
 // 传参调用
-@mixin am-view-ab($time: 350ms, $delay: 100ms) {
+@mixin am-view-ab() {
   &.show,
   &[view='2'] {
     & > * {
       @extend %am-show-ab;
-      animation: am-show-ab $time $delay both;
+      animation: am-show-ab 350ms 100ms both;
     }
   }
 
   &.hide,
   &[view='1'] {
     opacity: 0;
-    transition: ($time + $delay) * (4 * 0.1) ($time + $delay) * (6 * 0.1);
+    transition: (350ms + 100ms) * (4 * 0.1) (350ms + 100ms) * (6 * 0.1);
     pointer-events: none;
 
     & > * {
       @extend %am-hide-ab;
-      animation: am-hide-ab $time $delay both;
+      animation: am-hide-ab 350ms 100ms both;
     }
   }
 
@@ -74,29 +74,25 @@
   }
 }
 
-// 动画时间
-$time: 350ms;
-$delay: 100ms;
-
 // 全套引用
 [am-view='ab'] {
   &.show,
   &[view='2'] {
     & > * {
       @extend %am-show-ab;
-      animation: am-show-ab $time $delay both;
+      animation: am-show-ab 350ms 100ms both;
     }
   }
 
   &.hide,
   &[view='1'] {
     opacity: 0;
-    transition: ($time + $delay) * (4 * 0.1) ($time + $delay) * (6 * 0.1);
+    transition: (350ms + 100ms) * (4 * 0.1) (350ms + 100ms) * (6 * 0.1);
     pointer-events: none;
 
     & > * {
       @extend %am-hide-ab;
-      animation: am-hide-ab $time $delay both;
+      animation: am-hide-ab 350ms 100ms both;
     }
   }
 

package/components/anim/am-view-ad.scss

@@ -49,24 +49,24 @@
 }
 
 // 传参调用
-@mixin am-view-ad($time: 350ms, $delay: 100ms) {
+@mixin am-view-ad() {
   &.show,
   &[view='2'] {
     & > * {
       @extend %am-show-ad;
-      animation: am-show-ad $time $delay both;
+      animation: am-show-ad 350ms 100ms both;
     }
   }
 
   &.hide,
   &[view='1'] {
     opacity: 0;
-    transition: ($time + $delay) * (4 * 0.1) ($time + $delay) * (6 * 0.1);
+    transition: (350ms + 100ms) * (4 * 0.1) (350ms + 100ms) * (6 * 0.1);
     pointer-events: none;
 
     & > * {
       @extend %am-hide-ad;
-      animation: am-hide-ad $time $delay both;
+      animation: am-hide-ad 350ms 100ms both;
     }
   }
 
@@ -76,29 +76,25 @@
   }
 }
 
-// 动画时间
-$time: 350ms;
-$delay: 100ms;
-
 // 全套引用
 [am-view='ad'] {
   &.show,
   &[view='2'] {
     & > * {
       @extend %am-show-ad;
-      animation: am-show-ad $time $delay both;
+      animation: am-show-ad 350ms 100ms both;
     }
   }
 
   &.hide,
   &[view='1'] {
     opacity: 0;
-    transition: ($time + $delay) * (4 * 0.1) ($time + $delay) * (6 * 0.1);
+    transition: (350ms + 100ms) * (4 * 0.1) (350ms + 100ms) * (6 * 0.1);
     pointer-events: none;
 
     & > * {
       @extend %am-hide-ad;
-      animation: am-hide-ad $time $delay both;
+      animation: am-hide-ad 350ms 100ms both;
     }
   }
 

package/components/anim/am-view-ae.scss

@@ -49,24 +49,24 @@
 }
 
 // 传参调用
-@mixin am-view-ae($time: 500ms, $delay: 100ms) {
+@mixin am-view-ae() {
   &.show,
   &[view='2'] {
     & > * {
       @extend %am-show-ae;
-      animation: am-show-ae $time $delay both;
+      animation: am-show-ae 500ms 100ms both;
     }
   }
 
   &.hide,
   &[view='1'] {
     opacity: 0;
-    transition: ($time + $delay) * (4 * 0.1) ($time + $delay) * (6 * 0.1);
+    transition: (500ms + 100ms) * (4 * 0.1) (500ms + 100ms) * (6 * 0.1);
     pointer-events: none;
 
     & > * {
       @extend %am-hide-ae;
-      animation: am-hide-ae $time $delay both;
+      animation: am-hide-ae 500ms 100ms both;
     }
   }
 
@@ -76,29 +76,25 @@
   }
 }
 
-// 动画时间
-$time: 500ms;
-$delay: 100ms;
-
 // 全套引用
 [am-view='ae'] {
   &.show,
   &[view='2'] {
     & > * {
       @extend %am-show-ae;
-      animation: am-show-ae $time $delay both;
+      animation: am-show-ae 500ms 100ms both;
     }
   }
 
   &.hide,
   &[view='1'] {
     opacity: 0;
-    transition: ($time + $delay) * (4 * 0.1) ($time + $delay) * (6 * 0.1);
+    transition: (500ms + 100ms) * (4 * 0.1) (500ms + 100ms) * (6 * 0.1);
     pointer-events: none;
 
     & > * {
       @extend %am-hide-ae;
-      animation: am-hide-ae $time $delay both;
+      animation: am-hide-ae 500ms 100ms both;
     }
   }
 

package/components/anim/am-view-af.scss

@@ -41,32 +41,28 @@
     opacity: 0;
   }
 }
-
-// 动画时间
-$time: 750ms;
-$delay: 100ms;
 // 引用显示
 %am-show-af {
   & > * {
     transform: rotateX(45deg);
     opacity: 0;
-    animation: am-show-af $time $delay both;
+    animation: am-show-af 750ms 100ms both;
   }
 }
 
 // 引用隐藏
 %am-hide-af {
   opacity: 0;
-  transition: ($time + $delay) * (4 * 0.1) ($time + $delay) * (6 * 0.1);
+  transition: (750ms + 100ms) * (4 * 0.1) (750ms + 100ms) * (6 * 0.1);
   pointer-events: none;
   & > * {
     opacity: 1;
-    animation: am-hide-af ($time + $delay) * (6 * 0.1) both;
+    animation: am-hide-af (750ms + 100ms) * (6 * 0.1) both;
   }
 }
 
 // 传参调用
-@mixin am-view-af($time: 750ms, $delay: 100ms) {
+@mixin am-view-af() {
   perspective: 500;
   &.show,
   &[view='2'] {