feat: new validates method(className), used to handle class names

src/utils/validates.ts

@@ -1,4 +1,5 @@
 import type { CSSRuleObject } from "tailwindcss/types/config"
+import { Strings } from "./strings"
 
 export class Validates {
 
@@ -29,4 +30,33 @@ export class Validates {
         }
         return newTokens as Record<string, string>
     }
+
+    public static className(names: Array<string>, options?: Partial<{ toKebabCase: boolean, singleConnectionSymbol: boolean, preProcessingCallback: (prefix: string) => string, postProcessingCallback: (infix: string) => string }>) {
+        const processing = {
+            pre: options?.preProcessingCallback ?? ((e) => e),
+            post: options?.postProcessingCallback ?? ((e) => e),
+        }
+
+        let className = ''
+
+        if (options?.toKebabCase ?? true) {
+            className = names.map(name => processing.post(Strings.toKebabCase(processing.pre(name)))).reduce((pre: string, cur: string, index) => `${pre}-${cur}`)
+        } else {
+            className = names.map(name => processing.post(processing.pre(name))).reduce((pre: string, cur: string, index) => `${pre}-${cur}`)
+        }
+
+        let res = ''
+        if (options?.singleConnectionSymbol ?? true) {
+            let lastChar: string | null = null
+            for (const char of className) {
+                if (char === '-' && lastChar === '-') {
+                    continue
+                }
+                res += char
+                lastChar = char
+            }
+        }
+
+        return res
+    }
 }