المقارنة
تحليل مقارن بين lh-ui-plus وبين مكتبات Vue الشهيرة الأخرى.
المقارنة الأساسية
| الميزة | lh-ui-plus | Element Plus | Ant Design Vue | Naive UI |
|---|---|---|---|---|
| لغة التنسيقات | متغيرات CSS | متغيرات SCSS | متغيرات CSS (رموز Less) | متغيرات CSS |
| الوضع الداكن | ✅ | ✅ | ✅ (رموز السمة) | ✅ |
| خلفيات الأنماط الصينية | ✅ 6 أنواع | ❌ | ❌ | ❌ |
| عبر الأطر | ✅ منطق دوال نقية | ❌ | ❌ | ❌ |
| التدويل | ✅ zh/en متكامل، وباقي الحزم اللغوية شاغرة | ✅ | ✅ | ✅ |
| تخطيط sx | ✅ | ❌ | ❌ | ❌ |
| PassThrough | ❌ | ❌ | ❌ | ❌ (تجاوز السمة) |
| تسمية BEM | lh- | el- | ant- | n- |
مزايا حصرية
- نظام تصميم بالنمط الصيني — لوحة ألوان مستوحاة من الأصباغ الصينية التقليدية
- سمات متغيرات CSS (أكثر من 88 رمز تصميم) — تحديثات أكثر مرونة من SCSS
- عبر الأطر — منطق دوال نقية قابل للتكيّف مستقبلًا مع React
- نظام خلفيات الأنماط الصينية — خلفيات SVG تقليدية
- التخطيط السريع عبر sx — تنسيقات مضمّنة ذرّية شبيهة بـ Tailwind
توصيات الاختيار
- عند الحاجة إلى تصميم بالنمط الصيني / خلفيات الأنماط → lh-ui-plus
- عند الحاجة إلى الوضع الداكن → جميعها مناسب
- عند الحاجة إلى دعم عبر الأطر → lh-ui-plus (منطق المكوّنات مفصول عن إطار العمل)
- عند الحاجة إلى منظومة متكاملة ونماذج مؤسسية → Element Plus / Ant Design Vue
- عند الحاجة إلى تجاوز عميق للسمات → Naive UI (theme overrides)