دليل الترحيل
خطوات الترحيل من مكتبات UI أخرى إلى lh-ui-plus والملاحظات الواجب الانتباه إليها.
الترحيل من Element Plus
الفروقات الرئيسية
| الميزة | Element Plus | lh-ui-plus |
|---|---|---|
| البادئة | el- | lh- |
| السمة | متغيرات SCSS | متغيرات CSS (أكثر من 88 رمز تصميم) |
| الوضع الداكن | مدمج (تبديل عبر الفئة html.dark) | دعم متكامل (data-theme + useLhTheme) |
| خلفيات الأنماط الصينية | غير متوفرة | 6 مسبقات |
مخطط المكوّنات
| Element Plus | lh-ui-plus |
|---|---|
ElButton | LhButton |
ElInput | LhInput |
ElForm | LhForm |
ElSelect | LhSelect |
ElDialog | LhDialog |
خطوات الترحيل
- استبدال مسارات الاستيراد
- استبدال بادئة وسوم المكوّنات
- فحص إعداد themeVars
- تشغيل
pnpm lintوpnpm typecheck
الترحيل من Ant Design Vue
يستخدم Ant Design البادئة ant-، بينما يستخدم lh-ui-plus البادئة lh-.
| Ant Design Vue | lh-ui-plus |
|---|---|
a-button | LhButton |
a-input | LhInput |
a-form | LhForm |
توصيات الترحيل العامة
- شغّل الاختبارات أولًا — تأكد من أن المشروع يُبنى بشكل سليم قبل الترحيل
- استبدل المكوّنات واحدًا تلو الآخر — لا تبدّلها دفعة واحدة
- راجع فروقات السمات — مخطط التطابق بين متغيرات CSS ومتغيرات SCSS
- راجع توثيق API — تأكد من توافق props/events