lh-ui-vue2

مكتبة مكوّنات بنمط صيني مبنية على Vue 2.7 للمؤسسات

بجمال النمط الصيني، نُأسِّس بنية الكود — قلب واحد (core، @lh-ui/share)، وكل إطار عمل ليس سوى طبقة واجهة

🖌️

تصميم النمط الصيني برسم الحبر

نظام سمات بمتغيرات CSS + سمات مسبقة + وضع داكن، جميع الرموز مصدرها الوحيد @lh-ui/share، ودون أي نسخة أنماط داخل مكتبة المكوّنات.

التعرّف على نظام السمات →
🔗

ثلاث سلاسل متكاملة

سلسلة السمات (ConfigProvider)، وسلسلة النماذج (التحقق + الترابط مع aria-invalid)، وسلسلة الطبقات العائمة (تتشارك Dialog / Tooltip / Select محرك التموضع و z-index).

عرض ConfigProvider →
🧩

58 مكوّنًا ببنية من خمس قطع

كل مكوّن = SFC + لاصق composable + الأنواع + المُثبِّت + عرض تجريبي، ويُرسَّخ المنطق النقي كله في core الخاص بـ share، بينما لا يكتب Vue2 سوى الوصل التفاعلي.

التثبيت والاستيراد →
⚡

موجَّه لمشاريع Vue2 القائمة

مبني على Vue 2.7 (الإصدار النهائي) و <script setup>، مع توافق تام لدلالات v-model و .sync مع عادات مشاريعك الحالية.

البدء السريع →
♿

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

جميع المكوّنات تحمل سمات ARIA وتدعم التفاعل بلوحة المفاتيح، وقد نُفِّذت إدارة التركيز والترابط مع aria-invalid وتباين الوضع الداكن وفق معايير WCAG.

عرض ممارسات إمكانية الوصول →
🧭

قلب واحد، وطبقات واجهة لمنصات متعددة

تتشارك عائلة lh-ui الدوال الصرفة نفسها في core ومصدر الأنماط نفسه، فتتطابق النتائج عبر أطر Vue2 / Vue3 / React، ويقترب كلفة الانتقال من الصفر.

زيارة إصدار Vue3 →