precision inputs

精密入力

これらのコンポーネントは、あらゆるアプリに完全に適合するようにスタイルを整えることができ、ユーザーが多くの入力モダリティを使用して正確な値を設定できるようにすることができます。ユーザーは、タッチアンドドラッグ、クリックアンドドラグ、マウスホイールのスクロール、ダブルクリック、またはキーボード入力を使用できます。インスタンス化後、通常の入力と同じようにコンポーネントを使用できます。

GitHubで発見した問題を報告してください。

デモ

FLStandardKnobコンポーネントを使用したデモについては、https://codepen.io/jhnsnc/pen/mqpgqk/を参照してください。

https://github.com/jhnsnc/precision-inputs-demoを参照してください。

ドキュメント

各タイプのコンポーネントを使用/カスタマイズする方法については、ドキュメントテーブルオブコンテンツを参照してください。

計画された機能

• コンポーネント
  • ベース
    • KnobInput完全にカスタマイズ可能、ベアボーンベースコンポーネント
  • FLコントロール
    • FLStandardKnob使いやすいベースノブコンポーネント
    • FLReactiveGripDial 「グリップ」バンプを備えた詳細なダイヤル、より大きなコントロールに適しています
    • 数値範囲入力（例：チャネルセレクター）
    • カスタマイズ可能な範囲ノブ（柔軟な微調整ノブなど）
    • スライダー入力
    • XYコントローラー
    • FL Studioコントロールのように構成およびスタイル化された他のコンポーネント
  • fullyおそらく、他のスタイルのすぐに使用できるコンポーネントのセット
• パフォーマンス
  • svgのパフォーマンス制限を回避するためのレンダリング方法を変更または交換します
• 特徴
  • punts入力に組み込みの対数スケーリングを追加するかもしれません
  • building内蔵の入力ラベルを追加するかもしれません
  • React Reactまたはその他のフレームワークの直接サポート

パッケージの内容

現時点では、コンポーネントは、デフォルトのエクスポートオブジェクトからアクセス可能なすべての関連クラスを備えた単一のUMDモジュールとして配布されています。

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