فلسفة التصميم

تتخذ lh-ui-plus من شعار «جمال التقاليد، أساس الكود» فلسفة للتصميم، فتدمج الجماليات الصينية التقليدية في ممارسات هندسة الواجهات الحديثة.

جماليات النمط الصيني

نظام الألوان

اللون	المصدر المستوحى	القيمة	الاستخدام
النيلي	طلاء الخزف الأزرق 青花瓷	#2B4C7C	اللون الأساسي (--lh-primary-color)
أخضر الصنوبر	خضرة ظلال الخيزران 松花绿	#5B8C5A	لون النجاح (--lh-success-color)
الأصفر العشبي	ذهبي أوراق الخريف 藤黄	#C4A35A	لون التحذير (--lh-warning-color)
الزنجفر	أحمر أختام الحبر 朱砂	#B23A3A	لون الخطر (--lh-danger-color)
الداكن الرمادي	ألوان الحبر الخفيفة	#7A7A7A	لون المعلومات (--lh-info-color)
رسم الحبر	خمسة درجات للحبر 水墨	#2C2C2C	لون النص (--lh-text-color-primary)
ورق الأرز	أبيض الورق القديم 宣纸白	#FAF6F0	لون الخلفية (--lh-bg-color)

لوحة الألوان الكاملة والتدرّجات في تخصيص السمات.

خلفيات الأنماط الصينية

تتضمّن المكتبة 6 خلفيات SVG بأنماط تقليدية (تُطبَّق عبر --lh-bg-pattern وقيمته متغير CSS مقابل):

• willow — نمط أوراق الصفصاف 柳叶 (لطيف وأنيق، --lh-pattern-willow)
• cloud — نمط السحابة الميمونة 祥云 (يحمل دلالة البركة والرخاء، --lh-pattern-cloud)
• water — نمط تموّجات الماء 水波 (انسيابي وطبيعي، --lh-pattern-water)
• snow — نمط ندفات الثلج 雪花 (سداسية وبلورية، --lh-pattern-snow)
• plum — نمط أزهار البرقوق 梅花 (نقيّ وفياض بالـأناقة، --lh-pattern-plum)
• bamboo — نمط أوراق الخيزران 竹叶 (متماسك لا ينثني، --lh-pattern-bamboo)

بنية عبر الأطر

استُخرج المنطق الجوهري على شكل دوال نقية مفصولة عن إطار العمل:

@lh-ui/share           طبقة المنطق النقي + مصدر التنسيقات (بلا اعتماد على إطار، تُستورد كتبعية npm)
packages/components/    طبقة تغليف مكوّنات Vue 3
packages/composables/   composables خاصة بـ Vue

مدعوم بـ TypeScript

أمان أنواع TypeScript على كامل السلسلة:

• تعريفات Props/Emit بأنواع صارمة
• تحمل تواقيع استدعاءات الأحداث أنواع الحمولة
• إكمال ذكي في المحرر
• تغطية الأنواع محروسة بواسطة pnpm typecheck (تحتفظ الأدوات الديناميكية مثل LhSxProps بفهارس مضبوطة)

نظام سمات متغيرات CSS

أكثر من 88 رمز تصميم CSS تحمل البادئة --lh-*. يدعم تبديل السمات الفوري، والوضع الداكن، والإعداد العام عبر ConfigProvider.

التدويل

نظام إعداد مدمج عبر ConfigProvider يدعم الإدارة الموحدة للغات متعددة. الحزم اللغوية المتكاملة المدمجة حاليًا: zh-CN وen-US؛ أما ja-JP وko-KR وde-DE وfr-FR فقد سُجِّلت كبنية شاغرة (تُسترَد الأجزاء غير المترجمة بالإنجليزية مؤقتًا)، ويمكن إكمالها وفق التدويل.

إتاحة الوصول

• التنقّل بلوحة المفاتيح
• خصائص ARIA
• تباين الألوان وفق WCAG 2.1 AA

جمال التقاليد، أساس الكود.