precision inputs

정밀 입력

이러한 구성 요소는 모든 앱에서 완벽하게 맞도록 스타일링 될 수 있으며 사용자가 많은 입력 방식을 통해 정확한 값을 설정할 수 있습니다. 사용자는 터치 앤 드래그, 클릭 앤 드래그, 마우스 휠을 스크롤하거나 두 번 클릭하거나 키보드 입력을 사용할 수 있습니다. 인스턴스화 후 일반 입력과 마찬가지로 구성 요소를 사용할 수 있습니다.

GitHub에서 발견 한 문제를보고하십시오.

시민

FLStandardKnob 구성 요소를 사용한 데모는 https://codepen.io/jhnsnc/pen/mqpgqk/을 참조하십시오.

웹 팩 설정에서 동일한 데모는 https://github.com/jhnsnc/precision-inputs-demo를 참조하십시오.

선적 서류 비치

각 구성 요소를 사용/사용자 정의하는 방법에 대한 지침은 문서 테이블을 참조하십시오.

계획된 기능

• 구성 요소
  • 베이스
    • KnobInput 완전히 사용자 정의 할 수있는 베어 본베이스 구성 요소
  • FL 컨트롤
    • ✔ FLStandardKnob 사용하기 쉬운 기본 손잡이 구성 요소
    • ✔ FLReactiveGripDial "그립"범프가있는 세부 다이얼, 더 큰 컨트롤에 적합합니다.
    • 수치 범위 입력 (예 : 채널 선택기)
    • 사용자 정의 가능한 범위 손잡이 (예 : 유연한 미세 조정 손잡이)
    • 슬라이더 입력
    • XY 컨트롤러
    • FL 스튜디오 컨트롤과 같이 구성되고 스타일이있는 다른 구성 요소
  • ∎ 아마도 다른 스타일의 즉시 사용 가능한 구성 요소 일 것입니다
• 성능
  • svg의 성능 제한을 피하기 위해 렌더링 방법 변경 또는 교체
• 특징
  • ❓ 입력에 내장 로그 스케일링을 추가 할 수 있습니다
  • ∎ 내장 입력 라벨을 추가 할 수 있습니다
  • react 또는 기타 프레임 워크에 대한 직접적인 지원

패키지 내용

현재 구성 요소는 기본 내보내기 개체를 통해 액세스 할 수있는 모든 관련 클래스가있는 단일 UMD 모듈로 배포됩니다.

 precision-inputs
└── dist
    ├── precision-inputs.css
    ├── precision-inputs.css.map
    ├── precision-inputs.js
    └── precision-inputs.js.map