프리티클래스

프리티클래스

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!