مخزن التراجع والإعادة لـ Angular | ng-hub-ui-history

مخزن تراجع وإعادة لـ Angular مع واجهات برمجية ملائمة لـ Signals ومعاملات وحدود ودعم النماذج التفاعلية.

نظرة عامة

لماذا تبحث الفِرَق عن هذه المكتبة

استخدم مخزن history هذا لـ Angular عندما تحتاج إلى تراجع وإعادة على حالة معقّدة دون إدخال مكتبة حالة خارجية كاملة.

التثبيت

npm install ng-hub-ui-history

انتقل إلى

مثالي لـ

  • المحرّرات
  • منشئو النماذج
  • أدوات low-code
  • واجهات التهيئة

حول history

يُعدّ ng-hub-ui-history مفيدًا بصفة خاصة في محرّرات Angular ومنشئي النماذج وشاشات التهيئة حيث يتوقع المستخدم العودة للخلف بأمان. وهو يجلب أنماط التراجع والإعادة إلى تدفقات العمل ذات الحالة دون فرض قرار معماري ثقيل.

أدلّة الميزات

التزامات يدوية وسفر عبر الزمن

تعقّب تغيّرات الحالة وانتقل للخلف/للأمام عبر سجلّ خطّي.

أمثلة:
Basic History

Manual commit, undo and redo.

{
  "title": "Getting Started with History",
  "description": "Edit and commit to create undo/redo entries."
}

كائنات ومصفوفات متداخلة

استخدم التعقّب القائم على patch لرسوم الكائنات العميقة وتعديلات القوائم.

أمثلة:
Nested Object History

Nested properties and dynamic list updates.

{
  "id": "invoice-1",
  "customer": {
    "name": "Acme Corp",
    "city": "Madrid"
  },
  "lines": [
    {
      "name": "Support plan",
      "quantity": 1,
      "unitPrice": 150
    }
  ]
}

تعقّب تلقائي للنماذج

التزام تلقائي بتغيّرات قيم النموذج عبر مساعدات watch المدمجة.

أمثلة:
Reactive Form Watch

watchForm() for automatic commits from FormGroup.

{
  "name": "Maria",
  "email": "maria@demo.local",
  "role": "Editor"
}

المعاملات والاحتفاظ

اجمع عدّة عمليات في إدخال واحد وقلّم الإدخالات القديمة وفق الحدود المهيّأة.

أمثلة:
Transactions + Limits

Consolidated commits and FIFO retention.

Pointer: -1 / Entries: 0 / Bytes: 0

{
  "id": "transaction-editor",
  "title": "Release notes draft",
  "content": "Initial draft content.",
  "tags": [
    "draft"
  ]
}

الميزات الرئيسية

التغييرات الأخيرة

Version 0.1.0 - 2/23/26, 12:00 AM

added: Initial release with multi-object linear history.

added: Undo/redo, transactions, and maxEntries/maxBytes retention limits.

added: Reactive Forms auto-commit integration via watchForm().

المكتبات ذات الصلة

ng-hub-ui-sortable ng-hub-ui-utils ng-hub-ui-paginable