precision inputs

精度輸入

這些組件可以被設計為完美地適合任何應用程序，並允許用戶通過許多輸入模式設置精確的值。用戶可以觸摸和拖拉，單擊和拖拉，滾動其鼠標車輪，雙擊或使用鍵盤輸入。實例化後，您可以像任何普通輸入一樣使用組件。

請報告您在Github上發現的任何問題。

演示

請參閱https://codepen.io/jhnsnc/pen/mqpgqk/使用FLStandardKnob組件進行演示。

有關WebPack設置中的同一演示，請參見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