chore: 处理tools类型和scss breaking change

ZvonimirSun · Jul 19, 2024 · f1d69da · f1d69da
1 parent 5070392
commit f1d69da
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/src/tools.js → src/tools.ts b/src/tools.js → src/tools.ts
@@ -1,4 +1,7 @@
-export default [
+import type { ToolMenu } from '@/types/tool'
+import type { Optional } from '@/types/common'
+
+const tools: Optional<ToolMenu, 'id'>[] = [
   {
     type: '编辑器',
     icon: 'i-icon-park-outline-editor',
@@ -310,3 +313,5 @@ export default [
     ],
   },
 ]
+
+export default tools
diff --git a/src/tools/2048/2048.vue b/src/tools/2048/2048.vue
@@ -312,8 +312,10 @@ export default {
         }
       }
 
-      @include animation(fade-in 800ms ease $transition-speed * 12);
-      @include animation-fill-mode(both);
+      & {
+        @include animation(fade-in 800ms ease $transition-speed * 12);
+        @include animation-fill-mode(both);
+      }
 
       &.game-won {
         background: rgba($tile-gold-color, .5);
@@ -393,11 +395,13 @@ export default {
       font-size: 5.5rem;
     }
 
-    // Movement transition
-    @include transition($transition-speed ease-in-out);
-    -webkit-transition-property: -webkit-transform;
-    -moz-transition-property: -moz-transform;
-    transition-property: transform;
+    & {
+      // Movement transition
+      @include transition($transition-speed ease-in-out);
+      -webkit-transition-property: -webkit-transform;
+      -moz-transition-property: -moz-transform;
+      transition-property: transform;
+    }
 
     $base: 2;
     $exponent: 1;
@@ -643,8 +647,10 @@ export default {
           }
         }
 
-        @include animation(fade-in 800ms ease $transition-speed * 12);
-        @include animation-fill-mode(both);
+        & {
+          @include animation(fade-in 800ms ease $transition-speed * 12);
+          @include animation-fill-mode(both);
+        }
 
         &.game-won {
           background: rgba($tile-gold-color, .5);