feat: support !(text-red bg-blue) -> !text-red !bg-blue

README.md

@@ -21,6 +21,7 @@ UnoT is short for unocss tools that is to provide a better development experienc
 - bg-[rgba(255, 255, 255, 0.5)] -> bg-[rgba(255,255,255,0.5)]
 - translatex--50% -> translate-x-[-50%]
 - hover:(text-red bg-blue) -> hover:text-red hover:bg-blue
+- !(text-red bg-blue) -> !text-red !bg-blue
 
 ## :coffee:
 

src/transform.ts

@@ -93,6 +93,7 @@ export const rules: any = [
   [/([\s'])contain(\s|'|!|$)/, (_: string, v1: string, v2: string) => `${v1}bg-contain${v2}`],
   [/([\s'])cover(\s|'|!|$)/, (_: string, v1: string, v2: string) => `${v1}bg-cover${v2}`],
   [/([\s'])line([0-9]+)(\s|'|!|$)/, (_: string, v1: string, v2: string, v3: string) => `${v1}line-clamp-${v2}${v3}`],
+  [/([\s!])\(([^\)]+)\)(\s|'|!|$)/, (_: string, v1: string, v2: string, v3: string) => v2.replace(/\s+/g, ' ').split(' ').map(item => `!${item}`).join(' ') + v3],
 ]
 
 export function transform(content: string) {

test/index.test.ts

@@ -64,4 +64,12 @@ describe('should', () => {
     expect(
       transform(':class="hover:(flex-center) w10"')).toMatchInlineSnapshot('":class=\\"hover:flex hover:justify-center hover:items-center w-10\\""')
   })
+  it('match error', () => {
+    expect(
+      transform(':class="hover:(flex-center) w10"')).toMatchInlineSnapshot('":class=\\"hover:flex hover:justify-center hover:items-center w-10\\""')
+  })
+  it('match error', () => {
+    expect(
+      transform(':class=" w10 !(flex-center w10) w20"')).toMatchInlineSnapshot('":class=\\" w-10 !flex-center !w-10 w-20\\""')
+  })
 })