انتقل إلى المحتوى

دفتر الأوامر

تجريبي
احصل على Ritla UI

أوامر البيع فوق السعر الحالي وأوامر الشراء تحته، ولكل منها شريط عمق بحسب إجماليه.

المعاينة

«معكوس» هو المحتوى الإنجليزي نفسه من اليمين إلى اليسار، ليفصل خطأ الاتجاه عن خطأ الترجمة.

المعاينةالكود
إنجليزيمعكوسعربي
← RTL

التثبيت

  1. أضف المكوّن

    npx ritla add order-book

    ويعمل أيضًا مع shadcn: npx shadcn@latest add @ritla/order-book

  2. أو انسخه يدويًا

    التثبيت اليدوي ينسخ مصدر المكوّن إلى مشروعك. المصدر يأتي مع ترخيص Ritla UI، وأداة سطر الأوامر هي الطريق الأقصر إلى الملفات نفسها.

الاستخدام

order-book.tsx
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 / changenumberلا يوجدالسعر الحالي وتغيّره بالنسبة المئوية.
priceDecimalsnumber2الخانات العشرية للأسعار.
labelsobjectلا يوجدرؤوس الأعمدة وأسماء المجموعات و«الفارق» بلغة الصفحة.

إمكانية الوصول

ARIA

  • جدول (role="table") برؤوس أعمدة ومجموعتين مسمّاتين للبيع والشراء.
  • الأحمر والأخضر يتكرران بالموقع: البيع فوق السعر والشراء تحته.

ملاحظات العربية والاتجاه

ينعكس

  • الأعمدة تنعكس: السعر يمينًا والإجمالي يسارًا، وأشرطة العمق تنمو من اليسار.

لا ينعكس

  • كل رقم يبقى من اليسار إلى اليمين.
الأرقام
الأسعار والكميات والإجماليات تتبع numerals في RitlaProvider.
الخط العربي
numeric-12 للصفوف وnumeric-20 Semibold للسعر.