عن المشروع
NG‑ZORRO (ng‑zorro‑antd) هي مكتبة مكونات واجهة مستخدم شاملة لـ Angular، تعكس لغة تصميم Ant Design. تستهدف التطبيقات من فئة المؤسسات وتوفر مجموعة غنية من المكونات الجاهزة للاستخدام، وأدوات التطوير، وموارد التصميم.
**الميزات الرئيسية**
- أكثر من 70 مكون Angular عالي الجودة (أزرار، جداول، نماذج، قوائم، إلخ)
- مكتوبة بالكامل بـ TypeScript لضمان سلامة الأنواع الساكنة
- تدعم Angular ^22.0.0، والعرض من جانب الخادم (SSR) و Electron
- أوضاع Zoneless و OnPush للكشف عن التغييرات لأداء عالٍ
- نظام سمات قوي يسمح بتجاوزات نمطية دقيقة
- تدويل (i18n) لعشرات اللغات
- متوافقة مع المتصفحات الحديثة (آخر إصدارين من Edge، Firefox، Chrome، Safari، Opera) و Electron
**مواصفات التصميم**
تزامن NG‑ZORRO مواصفاتها المرئية مع نظام Ant Design الرسمي، مما يضمن الاتساق مع نظام Ant البيئي الأوسع. يتم تسجيل تحديثات التصميم عبر الإنترنت للرجوع إليها.
**التثبيت**
الطريقة الموصى بها هي عبر Angular CLI:
```bash
ng new my-app
cd my-app
ng add ng-zorro-antd
```
بدلاً من ذلك، قم بالتثبيت مباشرة باستخدام npm أو yarn:
```bash
npm install ng-zorro-antd
```
بعد التثبيت، استورد وحدات المكونات المطلوبة في مكونات Angular الخاصة بك، على سبيل المثال:
```ts
import { NzButtonModule } from 'ng-zorro-antd/button';
@Component({
imports: [NzButtonModule]
})
export class AppComponent {}
```
أضف أصول CSS وأيقونات SVG الخاصة بالمكتبة إلى `angular.json` تحت `styles` و `assets` على التوالي.
**التطوير**
```bash
git clone https://github.com/NG-ZORRO/ng-zorro-antd.git
cd ng-zorro-antd
npm install
npm run start
```
يقوم المشروع بتشغيل خادم تطوير محلي ويفتح المتصفح تلقائياً.
**الترخيص**
تم إصدار NG‑ZORRO تحت ترخيص MIT، مع توفر الكود المصدري الكامل على GitHub.
**المجتمع والدعم**
- الوثائق ودليل البدء: https://ng.ant.design/docs/getting-started/en
- قناة Discord ووسم Stack Overflow `ng-zorro-antd`
- إضافة VSCode للقطع البرمجية لتطوير أسرع
- المساهمات مرحب بها عبر طلبات السحب؛ يتبع المشروع دليل CONTRIBUTING.md.
**مستخدمون بارزون**
تعتمد علي بابا، وعلي يون، وThoughtWorks، وبنك الصين التجاري، وApache Flink، وApache Zeppelin، والعديد من المؤسسات الأخرى على NG‑ZORRO لتطبيقات Angular الداخلية والخاصة بها.
بشكل عام، توفر NG‑ZORRO مجموعة أدوات واجهة مستخدم ناضجة ومُدارة جيداً تسرع تطوير Angular مع تقديم مظهر وإحساس متسقين لـ Ant Design.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.