دفتر الأوامر
أوامر البيع فوق السعر الحالي وأوامر الشراء تحته، ولكل منها شريط عمق بحسب إجماليه.
المعاينة
«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.
المعاينةالكود
إنجليزيمعكوسعربي
← RTL
التثبيت
أضف المكوّن
npx ritla add order-bookويعمل أيضًا مع shadcn:
npx shadcn@latest add @ritla/order-bookأو انسخه يدويًا
التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.
الاستخدام
import { OrderBook } from "@/components/ui/order-book";<OrderBook asks={asks} bids={bids} price={58.33} change={0.12} labels={labels} />مرجع الخصائص
OrderBook
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
asks / bids | { price, amount }[] | لا يوجد | مستويات البيع (الأقرب أخيرًا) ومستويات الشراء (الأقرب أولًا). |
price / change | number | لا يوجد | السعر الحالي وتغيّره بالنسبة المئوية. |
priceDecimals | number | 2 | الخانات العشرية للأسعار. |
labels | object | لا يوجد | رؤوس الأعمدة وأسماء المجموعات و«الفارق» بلغة الصفحة. |
إمكانية الوصول
ARIA
- جدول (
role="table") برؤوس أعمدة ومجموعتين مسمّاتين للبيع والشراء. - الأحمر والأخضر يتكرران بالموقع: البيع فوق السعر والشراء تحته.
ملاحظات العربية والاتجاه
ينعكس
- الأعمدة تنعكس: السعر يمينًا والإجمالي يسارًا، وأشرطة العمق تنمو من اليسار.
لا ينعكس
- كل رقم يبقى من اليسار إلى اليمين.
- الأرقام
- الأسعار والكميات والإجماليات تتبع
numeralsفي RitlaProvider. - الخط العربي
numeric-12للصفوف وnumeric-20Semibold للسعر.