プリティクラス

プリティクラス

pretty-class は、JavaScript および TypeScript アプリケーションで動的クラス名を生成するプロセスを簡素化するように設計された軽量のユーティリティ パッケージです。これは、さまざまな入力タイプに基づいてクラス名を条件付きで組み合わせる柔軟かつ直感的な方法を提供します。

インストール

pretty-class をインストールするには、npm または Yarn を使用します。

npm install pretty-class

または

yarn add pretty-class

使用法

パッケージのインポート

import prettyClass from 'pretty-class';

関数のシグネチャ

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

パラメータ

• args: prettyClassTypes 型の可変数の引数。各引数は次のとおりです。
  • 文字列: 文字列をクラス リストに直接追加します。
  • クラス名としてキー、ブール値として値を持つオブジェクト: 値が true の場合、キーが含まれます。
  • 配列: 配列要素を再帰的に処理します。
  • 未定義、null、または false: 出力では無視されます。

返品

• 連結されたクラス名を含む文字列。

使用例

基本的な文字列入力

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

条件付きクラス

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

入れ子になった配列

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

混合入力

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

利点

• 軽量: コードのフットプリントは最小限です。
• 柔軟性: さまざまな入力タイプをサポートします。
• 再帰的: ネストされた配列を適​​切に処理します。
• 型付き: TypeScript ユーザー向けに完全に型付けされています。

ライセンス

pretty-class は MIT ライセンスに基づいてライセンスされています。詳細については、LICENSE ファイルを参照してください。

---

貢献、問題、機能リクエストについては、GitHub リポジトリにアクセスしてください。

以上がプリティクラスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。