Самое большое обновление vue-virtual-scroller-kit с момента первого релиза: выбор строк по клику и Shift+click, асинхронный поиск в VirtualSelect, полное управление колонками таблицы, горизонтальные списки, отслеживание видимости через IntersectionObserver, кастомный скроллбар, RTL из коробки, а также motion blur, sticky-заголовки групп и ещё несколько фич поменьше. В посте — подробный разбор каждой с примерами и три сценария из реальных проектов.
Метка: vue3
Посты с меткой “vue3”.
Рассказываю, зачем я написал отдельное desktop-приложение для управления своей линейкой npm-пакетов, как оно устроено экран за экраном — от дашборда до встроенного npm audit.
Один пакет закрывает всё что нужно для работы с изображениями: ленивая загрузка через IntersectionObserver, пять видов плейсхолдеров (ThumbHash / BlurHash / LQIP / dominant color / shimmer), focal point, WebP/AVIF, srcset с width- и density-дескрипторами, art direction, retry с backoff, CDN-адаптеры для 12 провайдеров, build-time импорты через Vite-плагин, кодирование плейсхолдеров прямо в браузере, CLI для обработки на сборке, Nuxt-модуль. Ноль runtime-зависимостей, tree-shakeable.
Пакет уведомлений для Vue 3 с Promise API, приоритетной очередью, undo-таймером и Sonner-style stack mode. 9 KB gzip, одна peer-зависимость.
Пакет, который закрывает всё что нужно для работы с localStorage, sessionStorage, IndexedDB и cookies во Vue 3 — TTL, AES-GCM шифрование, схема-миграции, кросс-вкладочная синхронизация и Pinia-персист, без единой лишней зависимости.
@macrulez/vue-command-palette — готовый Command+K интерфейс для Vue 3 с fuzzy-поиском, группами, вложенными палитрами, историей команд и полной поддержкой тем. Единственная peer-зависимость — Vue 3.
Написал пакет для виртуализации списков, таблиц, сеток и деревьев во Vue 3 с динамической высотой строк, группировкой, drag-to-reorder и полной поддержкой SSR — без внешних зависимостей.
Написал пакет, который избавляет от бойлерплейта при работе с формами во Vue 3: описываешь поля в виде массива объектов — получаешь готовую валидацию, маскирование, условное отображение и автоматический рендеринг.
Добавил три новых раздела в admin-панель: интерактивный браузер базы данных с возможностью редактировать записи прямо из интерфейса и выполнять произвольные SQL-запросы, расширенный раздел «Система» с информацией о процессе, cron-задачами и управлением сервером, и полноценный модуль управления учётными записями администраторов с хранением в PostgreSQL.
Обзор admin-панели для Node.js-сервиса: от сводного дашборда с метриками сервера и кэша до интерактивного API-эксплорера, в котором можно формировать запросы и смотреть ответы прямо в браузере.