feat(core): support * parse in variant group (#5124)

zyyv · Copilot · web-flow · commit 037ba011bcb0 · 2026-02-27T15:42:17.000+08:00
Co-authored-by: Copilot &lt;175728472+Copilot@users.noreply.github.com&gt;
diff --git a/packages-engine/core/src/utils/variant-group.ts b/packages-engine/core/src/utils/variant-group.ts
@@ -7,7 +7,7 @@ const regexCache: Record<string, RegExp> = {}
 export function makeRegexClassGroup(separators = ['-', ':']) {
   const key = separators.join('|')
   if (!regexCache[key])
-    regexCache[key] = new RegExp(`((?:[!@<~\\w+:_-]|\\[&?>?:?\\S*\\])+?)(${key})\\(((?:[~!<>\\w\\s:/\\\\,%#.$?-]|\\[[^\\]]*?\\])+?)\\)(?!\\s*?=>)`, 'gm')
+    regexCache[key] = new RegExp(`((?:[!@*<~\\w+:_-]|\\[&?>?:?\\S*\\])+?)(${key})\\(((?:[~!<>\\w\\s:/\\\\,%#.$?-]|\\[[^\\]]*?\\])+?)\\)(?!\\s*?=>)`, 'gm')
   regexCache[key].lastIndex = 0
   return regexCache[key]
 }
@@ -55,7 +55,7 @@ export function parseVariantGroup(str: string | MagicString, separators = ['-',
           }
           for (const item of innerItems) {
             item.className = item.className === '~'
-              ? pre
+              ? (sep === ':' ? `${pre}${sep}~` : pre)
               : item.className.replace(/^(!?)(.*)/, `$1${pre}${sep}$2`)
             group.items.push(item)
           }
diff --git a/packages-engine/core/test/variant-group.test.ts b/packages-engine/core/test/variant-group.test.ts
@@ -37,6 +37,11 @@ describe('variant-group', () => {
     expect(expandVariantGroup('[&]:(a-b c-d)')).toEqual('[&]:a-b [&]:c-d')
   })
 
+  it('asterisk with tilde', async () => {
+    // `*` is the children variant shorthand (issue: #5099)
+    expect(expandVariantGroup('*:(~ a-b)')).toEqual('*:~ *:a-b')
+  })
+
   it('expand with space', async () => {
     const shortcut = '  a:(b:(c-d d-c)) '
     expect(expandVariantGroup(shortcut)).toEqual('  a:b:c-d a:b:d-c ')

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ const regexCache: Record<string, RegExp> = {}`
`7`	`7`	`export function makeRegexClassGroup(separators = ['-', ':']) {`
`8`	`8`	`const key = separators.join('\|')`
`9`	`9`	`if (!regexCache[key])`
`10`		- regexCache[key] = new RegExp(`((?:[!@<~\\w+:_-]\|\\[&?>?:?\\S\\])+?)(${key})\\(((?:[~!<>\\w\\s:/\\\\,%#.$?-]\|\\[[^\\]]?\\])+?)\\)(?!\\s*?=>)`, 'gm')
	`10`	+ regexCache[key] = new RegExp(`((?:[!@<~\\w+:_-]\|\\[&?>?:?\\S\\])+?)(${key})\\(((?:[~!<>\\w\\s:/\\\\,%#.$?-]\|\\[[^\\]]?\\])+?)\\)(?!\\s?=>)`, 'gm')
`11`	`11`	`regexCache[key].lastIndex = 0`
`12`	`12`	`return regexCache[key]`
`13`	`13`	`}`
`@@ -55,7 +55,7 @@ export function parseVariantGroup(str: string \| MagicString, separators = ['-',`
`55`	`55`	`}`
`56`	`56`	`for (const item of innerItems) {`
`57`	`57`	`item.className = item.className === '~'`
`58`		`- ? pre`
	`58`	+ ? (sep === ':' ? `${pre}${sep}~` : pre)
`59`	`59`	: item.className.replace(/^(!?)(.*)/, `$1${pre}${sep}$2`)
`60`	`60`	`group.items.push(item)`
`61`	`61`	`}`