Hübsche Klasse

Hübsche Klasse

pretty-class ist ein leichtes Hilfspaket, das den Prozess der Generierung dynamischer Klassennamen in JavaScript- und TypeScript-Anwendungen vereinfacht. Es bietet eine flexible und intuitive Möglichkeit, Klassennamen basierend auf verschiedenen Eingabetypen bedingt zu kombinieren.

Installation

Um Pretty-Class zu installieren, verwenden Sie npm oder Yarn:

npm install pretty-class

oder

yarn add pretty-class

Verwendung

Importieren des Pakets

import prettyClass from 'pretty-class';

Funktionssignatur

export type prettyClassTypes = string | Record<string, boolean> | prettyClassTypes[] | undefined | null | false;
const prettyClass: (...args: prettyClassTypes[]) => string;

Parameter

• args: Eine variable Anzahl von Argumenten vom Typ PrettyClassTypes. Jedes Argument kann sein:
  • Eine Zeichenfolge: Fügt die Zeichenfolge direkt zur Klassenliste hinzu.
  • Ein Objekt mit Schlüsseln als Klassennamen und Werten als boolesche Werte: Schließt den Schlüssel ein, wenn der Wert wahr ist.
  • Ein Array: Verarbeitet die Array-Elemente rekursiv.
  • undefiniert, null oder falsch: Wird in der Ausgabe ignoriert.

Rückgaben

• Eine Zeichenfolge, die die verketteten Klassennamen enthält.

Beispielverwendung

Grundlegende String-Eingabe

const result = prettyClass('class1', 'class2');
console.log(result); // Output: "class1 class2"

Bedingte Klassen

const result = prettyClass({ 'class1': true, 'class2': false, 'class3': true });
console.log(result); // Output: "class1 class3"

Verschachtelte Arrays

const result = prettyClass(['class1', { 'class2': true }, ['class3', { 'class4': false }]]);
console.log(result); // Output: "class1 class2 class3"

Gemischte Eingaben

const result = prettyClass('class1', { 'class2': true }, ['class3', null, false]);
console.log(result); // Output: "class1 class2 class3"

Vorteile

• Leichtgewicht: Minimaler Code-Footprint.
• Flexibel: Unterstützt verschiedene Eingabetypen.
• Rekursiv: Behandelt verschachtelte Arrays ordnungsgemäß.
• Typisiert: Vollständig typisiert für TypeScript-Benutzer.

Lizenz

pretty-class ist unter der MIT-Lizenz lizenziert. Weitere Einzelheiten finden Sie in der LIZENZ-Datei.

---

Für Beiträge, Probleme oder Funktionsanfragen besuchen Sie das GitHub-Repository.

Das obige ist der detaillierte Inhalt vonHübsche Klasse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!