fix(preset-wind): set animate count 1 by default (#1070)

unocss · Jun 7, 2022 · 5708e51 · 5708e51
1 parent e66cb72
commit 5708e51
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/packages/preset-mini/src/theme/types.ts b/packages/preset-mini/src/theme/types.ts
@@ -3,6 +3,7 @@ export interface ThemeAnimation {
   durations?: Record<string, string>
   timingFns?: Record<string, string>
   properties?: Record<string, object>
+  counts?: Record<string, string | number>
 }
 
 export interface Theme {

diff --git a/packages/preset-wind/src/rules/animation.ts b/packages/preset-wind/src/rules/animation.ts
@@ -15,8 +15,9 @@ export const animations: Rule<Theme>[] = [
       const duration = theme.animation?.durations?.[name] ?? '1s'
       const timing = theme.animation?.timingFns?.[name] ?? 'linear'
       const props = theme.animation?.properties?.[name]
+      const count = theme.animation?.counts?.[name] ?? 1
       return `@keyframes ${name}${kf}\n${constructCSS(
-        Object.assign({ animation: `${name} ${duration} ${timing} infinite` }, props))}`
+        Object.assign({ animation: `${name} ${duration} ${timing} ${count}` }, props))}`
     }
     return { animation: h.bracket.cssvar(name) }
   }, { autocomplete: 'animate-$animation.keyframes' }],

diff --git a/packages/preset-wind/src/theme.ts b/packages/preset-wind/src/theme.ts
@@ -154,6 +154,14 @@ export const theme: Theme = {
       'zoom-out-right': { 'transform-origin': 'right center' },
       'zoom-out-up': { 'transform-origin': 'center bottom' },
     },
+    counts: {
+      'spin': 'infinite',
+      'ping': 'infinite',
+      'pulse': 'infinite',
+      'pulse-alt': 'infinite',
+      'bounce': 'infinite',
+      'bounce-alt': 'infinite',
+    },
   },
   media: {
     portrait: '(orientation: portrait)',