Awesome GitHub RepositoriesCustom Data Input Components

Vendure is a Node.js e-commerce engine and headless commerce framework built with NestJS and TypeScript. It serves as a multi-channel commerce platform that manages product catalogs, orders, and customers via a strongly typed GraphQL API. The platform is distinguished by its highly extensible architecture, featuring a customizable administrative dashboard where developers can inject custom React components and entity views. It supports multi-channel commerce, allowing the isolation of products, currencies, and regional catalogs from a single unified backend. The engine covers a broad range o

This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

Leva هي لوحة تحكم واجهة مستخدم (GUI) لـ React ومحرر معلمات في الوقت الفعلي يُستخدم لمراقبة وتعديل حالة التطبيق والمتغيرات دون تعديل الكود أو إعادة تحميل الصفحة. تعمل كمصحح حالة ديناميكي ومكتبة إدخال قابلة للتوسيع توفر واجهة مرئية لضبط القيم الرقمية والبوليانية والنصية بدقة داخل تطبيق ويب قيد التشغيل. يتميز المشروع بنظام إضافات يسمح بإنشاء مكونات إدخال مخصصة وسلوكيات متخصصة لدعم أنواع بيانات فريدة. ويستخدم استنتاج النوع لتعيين البيانات تلقائياً إلى أداة الواجهة المرئية المناسبة، على الرغم من إمكانية تجاوز هذا التعيين لفرض أنواع إدخال محددة. تدعم الواجهة فئات إدخال متنوعة، بما في ذلك النطاقات الرقمية، والمتجهات، ومنتقيات الألوان، وحقول رفع الوسائط. يمكن تنظيم عناصر التحكم في مجلدات هرمية، وعرضها بشكل مشروط بناءً على قيم أخرى، ومزامنتها مع مخازن بيانات خارجية. كما يراقب النظام دورة حياة التعديل، مما يتيح استدعاءات عند بدء المستخدمين للعمليات وإنهائها لتحسين الأداء للعمليات المكلفة.

json-editor هو مولد واجهة مستخدم مدفوع بالمخطط ومحرر قائم على الويب ينشئ تلقائياً نماذج HTML تفاعلية من تعريفات JSON Schema. يعمل كأداة لجمع وتعديل والتحقق من البيانات المنظمة عن طريق تعيين مواصفات المخطط إلى مكونات الإدخال المقابلة. يتميز المشروع ببنية إدخال إضافية (plug-in) وتعيين مكون قائم على المحلل، مما يسمح بحقن محررات الطرف الثالث وواجهات إدخال مخصصة لأنواع البيانات المتخصصة مثل markdown، والألوان، والكود الملون بناءً على الصيغة. كما يدعم حل المخطط الخارجي عبر URLs والربط بالمخطط الفائق لدمج نماذج البيانات البعيدة والمستندات ذات الصلة. يغطي النظام إدارة تخطيط النماذج الشاملة، بما في ذلك ترتيبات الشبكة وتكوينات المصفوفة، إلى جانب المنطق الشرطي للحقول التابعة وتعبئة التعداد الديناميكي. ويوفر محرك تحقق يفرض كلاً من قيود المخطط الموحدة وقواعد العمل المخصصة، مع دعم توطين سلسلة واجهة المستخدم والتكامل مع أطر عمل CSS الخارجية.

Formtastic هو منشئ نماذج لـ Ruby on Rails يوفر لغة خاصة بالمجال لإنشاء نماذج HTML غنية دلالياً وسهلة الوصول. يعمل كإطار عمل مدفوع بالنموذج يقوم تلقائياً بتعيين سمات مخطط قاعدة البيانات والارتباطات إلى حقول الإدخال المقابلة، مما يبسط إنشاء واجهات إدخال البيانات. يتميز إطار العمل بنظام بحث هرمي يدير التسميات المترجمة، والتلميحات، وأزرار الإجراءات عبر مساحات أسماء النماذج والسمات المختلفة. كما يدعم علاقات البيانات المعقدة من خلال معالجة الموارد المتداخلة بشكل متكرر، مما يسمح للمطورين بالتقاط وحفظ سجلات متعددة ذات صلة ضمن هيكل نموذج واحد. بعيداً عن إنشاء الإدخال القياسي، توفر المكتبة خيارات تكوين واسعة لتخصيص سمات HTML، وفئات CSS، وهياكل التغليف. تتكامل مباشرة مع التحقق على مستوى النموذج لعرض ملاحظات الخطأ داخل تخطيط النموذج وتوفر بنية قابلة للتوسيع لإنشاء مكونات إدخال مخصصة لتلبية متطلبات الواجهة المتخصصة.