precision inputs

Input presisi

Komponen -komponen ini dapat ditata agar pas di aplikasi apa pun, dan memungkinkan pengguna untuk menetapkan nilai yang tepat melalui banyak modalitas input. Pengguna dapat menyentuh dan menggali, klik-dan-drag, gulir roda mouse mereka, klik dua kali, atau menggunakan input keyboard. Setelah instansiasi Anda dapat menggunakan komponen seperti halnya input normal.

Harap laporkan masalah apa pun yang Anda temukan di GitHub.

Demo

Lihat https://codepen.io/jhnsnc/pen/mqpgqk/ untuk demo menggunakan komponen FLStandardKnob .

Lihat https://github.com/jhnsnc/precision-intputs-demo untuk demo yang sama dalam pengaturan webpack.

Dokumentasi

Lihat Dokumentasi Tabel Konten untuk instruksi tentang cara menggunakan/menyesuaikan setiap jenis komponen.

Fitur yang direncanakan

• Komponen
  • Basis
    • ✔ KnobInput - komponen dasar yang sepenuhnya dapat disesuaikan dan telanjang
  • Kontrol FL
    • ✔ FLStandardKnob -Komponen tombol dasar yang mudah digunakan
    • ✔ FLReactiveGripDial - Dial terperinci dengan gundukan "grip", bagus untuk kontrol yang lebih besar
    • Input rentang numerik (misalnya pemilih saluran)
    • Kenop Range yang Dapat Disesuaikan (misalnya Kenop Fine-Tune Fleksibel)
    • input slider
    • Pengontrol XY
    • Komponen lain yang disusun dan ditata seperti kontrol FL Studio
  • ❓ Mungkin set komponen yang ditata dan siap digunakan lainnya
• Pertunjukan
  • ❓ ubah atau ganti metode rendering untuk menghindari keterbatasan kinerja SVG
• Fitur
  • ❓ Mungkin menambahkan penskalaan logaritmik bawaan ke input
  • ❓ Mungkin menambahkan label input bawaan
  • ❓ Dukungan langsung untuk React atau kerangka kerja lainnya

Isi Paket

Untuk saat ini, komponen didistribusikan sebagai modul UMD tunggal dengan semua kelas yang relevan dapat diakses melalui objek ekspor default.

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