From 92ef8b0c22f3fe1ca0d0d220fdeaacbaaf7c47ce Mon Sep 17 00:00:00 2001
From: Saya <379924+chu121su12@users.noreply.github.com>
Date: Sun, 17 Jul 2022 05:22:34 +0000
Subject: [PATCH] feat(preset-mini): add bracket support for
 transition-property (#1285)

---
 packages/preset-mini/src/rules/transition.ts | 2 +-
 test/__snapshots__/preset-mini.test.ts.snap  | 1 +
 test/assets/preset-mini-targets.ts           | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/preset-mini/src/rules/transition.ts b/packages/preset-mini/src/rules/transition.ts
index 11712b604d..0aec626862 100644
--- a/packages/preset-mini/src/rules/transition.ts
+++ b/packages/preset-mini/src/rules/transition.ts
@@ -46,7 +46,7 @@ export const transitions: Rule<Theme>[] = [
 
   // props
   [/^(?:transition-)?property-(.+)$/,
-    ([, v]) => ({ 'transition-property': h.global(v) || transitionProperty(v) }),
+    ([, v]) => ({ 'transition-property': h.bracket.global(v) || transitionProperty(v) }),
     { autocomplete: [`transition-property-(${[...globalKeywords, ...Object.keys(transitionPropertyGroup)].join('|')})`] }],
 
   // none
diff --git a/test/__snapshots__/preset-mini.test.ts.snap b/test/__snapshots__/preset-mini.test.ts.snap
index d1c0f0ac41..3690913c2f 100644
--- a/test/__snapshots__/preset-mini.test.ts.snap
+++ b/test/__snapshots__/preset-mini.test.ts.snap
@@ -808,6 +808,7 @@ div:hover .group-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]{combina
 .property-none{transition-property:none;}
 .property-padding\\\\,margin{transition-property:padding,margin;}
 .property-unset{transition-property:unset;}
+.transition-property-\\\\[border\\\\]{transition-property:border;}
 .transition-property-width{transition-property:width;}
 .transition-none{transition:none;}
 .transition-revert-layer{transition:revert-layer;}
diff --git a/test/assets/preset-mini-targets.ts b/test/assets/preset-mini-targets.ts
index c2fc58996f..cab0652ab3 100644
--- a/test/assets/preset-mini-targets.ts
+++ b/test/assets/preset-mini-targets.ts
@@ -692,6 +692,7 @@ export const presetMiniTargets: string[] = [
   'transition-duration-300',
   'transition-property-width',
   'transition-property-all',
+  'transition-property-[border]',
   'transition-200',
   'transition-opacity-200',
   'transition-color,background-color-200',