feat: keep unitOnlyRE

src/utils/handlers/handlers.ts

@@ -1,6 +1,6 @@
 import { escapeSelector } from '@unocss/core'
 import { globalKeywords } from '../mappings'
-import { bracketTypeRe, numberRE, numberWithUnitRE, unitOnlyRE } from './regex'
+import { bracketTypeRe, numberRE, numberWithUnitRE, unitOnlyMap, unitOnlyRE } from './regex'
 
 // Not all, but covers most high frequency attributes
 const cssProps = [
@@ -79,7 +79,7 @@ export function remToRpx(str: string) {
 // 小程序 rpx
 export function rpx(str: string) {
   if (str.match(unitOnlyRE))
-    return `1${str}`
+    return `${unitOnlyMap[str]}${str}`
   const match = str.match(numberWithUnitRE)
   if (!match)
     return
@@ -94,7 +94,7 @@ export function rpx(str: string) {
 
 export function px(str: string) {
   if (str.match(unitOnlyRE))
-    return `1${str}`
+    return `${unitOnlyMap[str]}${str}`
   const match = str.match(numberWithUnitRE)
   if (!match)
     return

src/utils/handlers/regex.ts

@@ -1,5 +1,16 @@
 export const numberWithUnitRE = /^(-?\d*(?:\.\d+)?)(px|pt|pc|%|r?(?:em|ex|lh|cap|ch|ic)|(?:[sld]?v|cq)(?:[whib]|min|max)|in|cm|mm|rpx)?$/i
 export const numberRE = /^(-?[0-9.]+)$/i
-export const unitOnlyRE = /^(px)$/i
+export const unitOnlyRE = /^(px|[sld]?v[wh])$/i
+export const unitOnlyMap: Record<string, number> = {
+  px: 1,
+  vw: 100,
+  vh: 100,
+  svw: 100,
+  svh: 100,
+  dvw: 100,
+  dvh: 100,
+  lvh: 100,
+  lvw: 100,
+}
 export const bracketTypeRe = /^\[(color|length|size|position|quoted|string):/i
 export const splitComma = /,(?![^()]*\))/g