From d45bcb91690fae24b99d3accdf929135858a28df Mon Sep 17 00:00:00 2001 From: enpitsulin Date: Mon, 5 Jun 2023 20:35:21 +0800 Subject: [PATCH] fix(preset-wind): wrong output for animate-iteration-count (#2721) --- packages/preset-wind/src/rules/animation.ts | 2 +- test/__snapshots__/postcss.test.ts.snap | 10 +++++----- test/assets/output/preset-wind-targets.css | 10 +++++----- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/preset-wind/src/rules/animation.ts b/packages/preset-wind/src/rules/animation.ts index e5ca68576c..591a5d471e 100644 --- a/packages/preset-wind/src/rules/animation.ts +++ b/packages/preset-wind/src/rules/animation.ts @@ -62,7 +62,7 @@ export const animations: Rule[] = [ ], // others - [/^animate-(?:iteration-|count-|iteration-count-)(.+)$/, ([, d]) => ({ 'animation-iteration-count': h.bracket.cssvar(d) ?? d.replace(/\-/g, ',') }), { autocomplete: ['animate-(iteration|count|iteration-count)', 'animate-(iteration|count|iteration-count)-'] }], + [/^animate-(?:iteration-count-|iteration-|count-)(.+)$/, ([, d]) => ({ 'animation-iteration-count': h.bracket.cssvar(d) ?? d.replace(/\-/g, ',') }), { autocomplete: ['animate-(iteration|count|iteration-count)', 'animate-(iteration|count|iteration-count)-'] }], [/^animate-(play-state-|play-|state-)?(.+)$/, ([, t, d]) => ['paused', 'running', ...[t ? globalKeywords : []]].includes(d) ? { 'animation-play-state': d } : undefined, { diff --git a/test/__snapshots__/postcss.test.ts.snap b/test/__snapshots__/postcss.test.ts.snap index 16a75a1445..1a10699297 100644 --- a/test/__snapshots__/postcss.test.ts.snap +++ b/test/__snapshots__/postcss.test.ts.snap @@ -104,11 +104,11 @@ exports[`postcss > @unocss 1`] = ` .animate-normal{animation-direction:normal;} .animate-reverse{animation-direction:reverse;} .animate-count-2\\\\.4{animation-iteration-count:2.4;} -.animate-iteration-2{animation-iteration-count:2;} -.animate-iteration-count-\\\\[2\\\\,4\\\\,infinity\\\\]{animation-iteration-count:count,[2,4,infinity];} -.animate-iteration-count-\\\\$variable{animation-iteration-count:count,$variable;} -.animate-iteration-count-2{animation-iteration-count:count,2;} -.animate-iteration-count-2-4-infinity{animation-iteration-count:count,2,4,infinity;} +.animate-iteration-2, +.animate-iteration-count-2{animation-iteration-count:2;} +.animate-iteration-count-\\\\[2\\\\,4\\\\,infinity\\\\], +.animate-iteration-count-2-4-infinity{animation-iteration-count:2,4,infinity;} +.animate-iteration-count-\\\\$variable{animation-iteration-count:var(--variable);} .animate-paused, .animate-play-paused{animation-play-state:paused;} .animate-play-state-running, diff --git a/test/assets/output/preset-wind-targets.css b/test/assets/output/preset-wind-targets.css index e091a14d91..ce6910846b 100644 --- a/test/assets/output/preset-wind-targets.css +++ b/test/assets/output/preset-wind-targets.css @@ -72,11 +72,11 @@ .animate-normal{animation-direction:normal;} .animate-reverse{animation-direction:reverse;} .animate-count-2\.4{animation-iteration-count:2.4;} -.animate-iteration-2{animation-iteration-count:2;} -.animate-iteration-count-\[2\,4\,infinity\]{animation-iteration-count:count,[2,4,infinity];} -.animate-iteration-count-\$variable{animation-iteration-count:count,$variable;} -.animate-iteration-count-2{animation-iteration-count:count,2;} -.animate-iteration-count-2-4-infinity{animation-iteration-count:count,2,4,infinity;} +.animate-iteration-2, +.animate-iteration-count-2{animation-iteration-count:2;} +.animate-iteration-count-\[2\,4\,infinity\], +.animate-iteration-count-2-4-infinity{animation-iteration-count:2,4,infinity;} +.animate-iteration-count-\$variable{animation-iteration-count:var(--variable);} .animate-paused, .animate-play-paused{animation-play-state:paused;} .animate-play-state-running,