fix: camelToHyphen keys

unpreset · Dec 23, 2023 · 1fce37f · 1fce37f
1 parent ac33f5b
commit 1fce37f
Show file tree

Hide file tree

Showing 4 changed files with 68 additions and 63 deletions.
diff --git a/packages/core/src/utils.ts b/packages/core/src/utils.ts
@@ -130,7 +130,7 @@ export function cssObj2StrSync(style: Record<string, CSSObject>): string {
 
 export function stringifyObj(obj: CSSObject) {
   return `{${Object.keys(obj).reduce((str, key) => {
-    return `${str}${key}:${obj[key]};`
+    return `${str}${camelToHyphen(key)}:${obj[key]};`
   }, '')}}`
 }
 
@@ -141,3 +141,7 @@ export async function cssObj2StrAsync(style: Record<string, CSSObject>) {
 export function toArray<T>(val: T | T[]): T[] {
   return Array.isArray(val) ? val : [val]
 }
+
+export function camelToHyphen(str: string): string {
+  return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}