Kelas Cantik

Linda Hamilton
Linda Hamiltonasal
2025-01-04 15:26:44845semak imbas

Pretty Class

Kelas Cantik

pretty-class ialah pakej utiliti ringan yang direka untuk memudahkan proses penjanaan nama kelas dinamik dalam aplikasi JavaScript dan TypeScript. Ia menyediakan cara yang fleksibel dan intuitif untuk menggabungkan nama kelas secara bersyarat berdasarkan jenis input yang berbeza.

Pemasangan

Untuk memasang kelas cantik, gunakan npm atau benang:

npm install pretty-class

atau

yarn add pretty-class

Penggunaan

Mengimport Pakej

import prettyClass from 'pretty-class';

Tandatangan Fungsi

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

Parameter

  • args: Bilangan pembolehubah argumen jenis prettyClassTypes. Setiap hujah boleh:
    • Rentetan: Menambah rentetan terus ke senarai kelas.
    • Objek dengan kunci sebagai nama kelas dan nilai sebagai boolean: Termasuk kunci jika nilainya benar.
    • Suatu tatasusunan: Memproses elemen tatasusunan secara rekursif.
    • tidak ditentukan, batal atau palsu: Diabaikan dalam output.

Pulangan

  • Rentetan yang mengandungi nama kelas yang digabungkan.

Contoh Penggunaan

Input Rentetan Asas

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

Kelas Bersyarat

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

Tatasusunan Bersarang

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

Input Bercampur

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

Faedah

  • Ringan: Jejak kod minimum.
  • Fleksibel: Menyokong pelbagai jenis input.
  • Rekursif: Mengendalikan tatasusunan bersarang dengan anggun.
  • Ditaip: Ditaip sepenuhnya untuk pengguna TypeScript.

Lesen

kelas cantik dilesenkan di bawah Lesen MIT. Lihat fail LESEN untuk mendapatkan butiran lanjut.


Untuk sumbangan, isu atau permintaan ciri, lawati repositori GitHub.

Atas ialah kandungan terperinci Kelas Cantik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn