Сравнение
Сравнительный анализ lh-ui-plus и других популярных библиотек компонентов Vue.
Основное сравнение
| Свойство | lh-ui-plus | Element Plus | Ant Design Vue | Naive UI |
|---|---|---|---|---|
| Язык стилей | CSS-переменные | SCSS-переменные | CSS-переменные (Less token) | CSS-переменные |
| Тёмная тема | ✅ | ✅ | ✅ (через token темы) | ✅ |
| Узорные фоны | ✅ 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)