6 مستودعات
Processes raw user text into a standardized format during the data entry phase.
Distinct from Data Formatting: Specifically targets the transformation of input values during entry, rather than general data presentation formatting.
Explore 6 awesome GitHub repositories matching user interface & experience · Input Data Formatting. Refine with filters or upvote what's useful.
This project is a Node.js CLI input library and toolkit for building interactive command-line user interfaces. It functions as a questionnaire framework and prompt orchestrator designed to capture structured user data through a variety of visual input controls. The system differentiates itself through a logic-driven engine that supports dynamic prompt chains, allowing the sequence and properties of questions to adapt at runtime based on previous user answers. The toolkit provides a wide range of specialized input types, including date pickers, searchable lists, masked passwords, and numeric
Provides mechanisms to transform raw user responses into specific data formats before final storage.
text-mask is a JavaScript library for enforcing consistent text formats and dynamic masking patterns in web input fields. It provides a suite of utilities to constrain text field entries to predefined masks and validators, ensuring data consistency across multiple frontend frameworks including React, Angular, and Vue. The library supports dynamic pattern generation using functions to handle variable data formats and localized patterns. It includes capabilities for processing bulk text entries, such as pasted content and browser auto-fill data, while maintaining the integrity of the defined in
Processes raw user text into a standardized format during the data entry phase across frameworks.
react-final-form is a React form state management library that provides a framework for declarative form validation and the orchestration of dynamic input fields. It utilizes a subscription-based state manager to trigger interface updates only for the specific fields that change during user input, which optimizes rendering by limiting unnecessary component re-renders. The library functions as a dynamic input field orchestrator, allowing users to add, remove, or reorder lists of form fields. It manages complex form state through a system that supports conditional field rendering and real-time
Transforms raw user text into standardized formats during entry to maintain consistent data quality.
imaskjs هي مكتبة قناع إدخال JavaScript ومدير إدخال DOM تستخدم لفرض أنماط، وأنواع بيانات، ونطاقات محددة على إدخال المستخدم في الوقت الفعلي. تعمل كمكتبة تنسيق بيانات وأداة تحقق من الإدخال تحول قيم الإدخال الخام إلى سلاسل منسقة باستخدام أقنعة وأنابيب مخصصة. توفر المكتبة إمكانيات قناع ديناميكية، مما يسمح لأنماط الإدخال بالتغير أو التبديل في الوقت الفعلي بناءً على الأحرف التي يكتبها المستخدم. تدعم قيود إدخال معقدة بما في ذلك التعبيرات النمطية، والنطاقات الرقمية، والتحقق القائم على التاريخ، وتعداد الأحرف. تغطي المكتبة مجموعة واسعة من مهام معالجة الإدخال وإدارة البيانات، بما في ذلك تحويلات ما قبل وما بعد المعالجة، واستخراج القيمة الخام لتقديم API، وتطبيق الأقنعة على كل من حقول إدخال HTML القياسية وعناصر contenteditable.
Transforms raw user text into standardized, masked strings during the data entry phase.
Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
Provides logic to transform internal time values into standardized formats for display in user interface input fields.
هذا المشروع عبارة عن مكتبة لإدارة الحالة التفاعلية مصممة للتعامل مع بيانات النماذج المعقدة ومنطق التحقق. تستخدم أنماطاً قائمة على الملاحظة (observable) لمزامنة مكونات واجهة المستخدم مع نماذج البيانات الأساسية، مما يضمن بقاء حالات النماذج متسقة طوال فترة التطبيق. توفر المكتبة نهجاً منظماً لإدارة تهيئة النماذج، وتتبع الحقول، وأحداث دورة الحياة. تتميز المكتبة بدعمها لهياكل البيانات المتداخلة بعمق والتركيب الهرمي، مما يسمح بالتحقق العودي والتحديثات الديناميكية داخل أشجار الكائنات المعقدة. تتميز بمحرك تحقق قائم على المخطط (schema) يدعم كلاً من القواعد المتزامنة وغير المتزامنة، إلى جانب اعتراض على غرار البرمجيات الوسيطة (middleware) يتيح للمنطق المخصص مراقبة أو تحويل البيانات أثناء تحديثات الحقول. يمكن للمطورين الوصول إلى حقول محددة ومعالجتها ديناميكياً باستخدام العنونة القائمة على المسار، مما يوفر المرونة عند العمل مع نماذج نماذج كبيرة أو متطورة. بالإضافة إلى إدارة الحالة الأساسية، تتضمن المكتبة أدوات لتحويل البيانات، مثل تنسيق قيم الإدخال وحساب قيم الحقول بناءً على بيانات النماذج الأخرى. توفر قدرات تنسيق نماذج متعددة لتنسيق التحقق والتقديم عبر مثيلات متعددة، وتظل منفصلة عن طبقات العرض المحددة للسماح بالتكامل مع أي مكتبة مكونات واجهة مستخدم. يوفر إطار العمل أيضاً أدوات مدمجة لمراقبة أحداث دورة حياة الحقول وتصحيح انتقالات الحالة الداخلية.
Converts field values during input or output operations to ensure data formats match backend requirements or display preferences consistently.