Kelas Cantik

Linda Hamilton
Lepaskan: 2025-01-04 15:26:44
asal
917 orang telah melayarinya

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
Salin selepas log masuk

atau

yarn add pretty-class
Salin selepas log masuk

Penggunaan

Mengimport Pakej

import prettyClass from 'pretty-class';
Salin selepas log masuk

Tandatangan Fungsi

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

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"
Salin selepas log masuk

Kelas Bersyarat

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

Tatasusunan Bersarang

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

Input Bercampur

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

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 Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan