feat: Добавить новые компоненты и улучшения UX/UI, включая Breadcrumbs с динамическими фильтрами, ToastContainer для уведомлений и CommandPalette для глобального поиска. Обновить TableSkeleton с анимацией и добавить новые skeleton компоненты для карточек, списков и форм. Обновить документацию по новым компонентам и улучшениям.
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m38s

This commit is contained in:
2025-10-02 18:02:22 +07:00
parent 495063a510
commit 339144fb11
12 changed files with 1950 additions and 24 deletions
+42
View File
@@ -1,5 +1,47 @@
# Changelog
## [2025-10-02] - Major UX/UI Improvements
### Added - Новые компоненты (100% Tabler UI)
- **Breadcrumbs** - улучшенный с кнопкой "Назад", счетчиками и фильтрами
- **SavedFilters** - сохранение комбинаций фильтров в localStorage
- **BulkActionsBar** - панель массовых операций для таблиц
- **ToastContainer** - система toast уведомлений (success/error/warning/info)
- **ValidatedInput** - input с inline валидацией и подсказками
- **ProgressIndicator** - индикаторы прогресса (линейный, кольцевой)
- **Sparkline** - мини-графики без внешних библиотек (SVG)
- **CommandPalette** - глобальный поиск команд (Ctrl+K)
- **KeyboardShortcutsButton** - справка по горячим клавишам
### Enhanced - Улучшенные компоненты
- **TableSkeleton** - добавлены CardSkeleton, ListSkeleton, FormSkeleton
- **App.jsx** - интеграция ToastContainer и CommandPalette
### Improved - Улучшения UX
- ⌨️ Keyboard shortcuts (Ctrl+K, Ctrl+N, Ctrl+S, Ctrl+F, Esc)
- 🎨 Анимированные skeleton loaders с pulse эффектом
- 🔔 Toast уведомления с действиями и автозакрытием
- ✓ Real-time валидация форм с debounce
- ☑️ Bulk operations с чекбоксами
- 📊 Sparkline графики для визуализации трендов
- 🔍 Command palette для быстрого доступа к функциям
### Technical Details
- ~1300 строк нового кода
- 8 новых компонентов
- 3 улучшенных компонента
- 100% Tabler UI стили (без сторонних библиотек)
- Полная поддержка темной темы
- ARIA labels для accessibility
- TypeScript ready
### Documentation
- Создан `UX_UI_IMPROVEMENTS.md` с полной документацией
- Примеры использования всех компонентов
- Дизайн-система и цветовая палитра
---
## [2024-07-08] - Tabler Core Integration
### Added