precision inputs

อินพุตที่แม่นยำ

ส่วนประกอบเหล่านี้สามารถจัดรูปแบบให้พอดีกับแอพใด ๆ และอนุญาตให้ผู้ใช้ตั้งค่าที่แม่นยำผ่านโมเดลอินพุตจำนวนมาก ผู้ใช้สามารถสัมผัสและลาก, คลิกและลาก, เลื่อนล้อเมาส์, ดับเบิลคลิกหรือใช้อินพุตแป้นพิมพ์ หลังจากการสร้างอินสแตนซ์คุณสามารถใช้ส่วนประกอบได้เช่นเดียวกับอินพุตปกติ

โปรดรายงานปัญหาใด ๆ ที่คุณค้นพบใน GitHub

การสาธิต

ดู https://codepen.io/jhnsnc/pen/mqpgqk/ สำหรับการสาธิตโดยใช้ส่วนประกอบ FLStandardKnob

ดู https://github.com/jhnsnc/precision-inputs-demo สำหรับการสาธิตเดียวกันในการตั้งค่า webpack

เอกสาร

ดูเอกสารประกอบเอกสารสำหรับคำแนะนำเกี่ยวกับวิธีการใช้/ปรับแต่งส่วนประกอบแต่ละประเภท

คุณสมบัติที่วางแผนไว้

• ส่วนประกอบ
  • ฐาน
    • ✔ 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