Media Gallery
Заменяет стандартный список медиаколлекции Payload галерейным интерфейсом с режимами justified, masonry, grid и лайтбоксом.
Установка
pnpm add @sitebytom/payload-media-gallery Описание
Плагин `mediaGalleryPlugin` заменяет стандартный список медиаколлекции Payload галерейным интерфейсом через кастомный компонент `admin.components.views.list.Component`. В реестре layouts доступны режимы Justified, Masonry и Grid; нативный список Payload остаётся фолбэком. Плагин применяется к коллекциям, перечисленным в опции `collections` (по умолчанию `media`). Каждый режим отрисовывает карточки с именами файлов и метаданными в футере. Лайтбокс поддерживает зум, панорамирование, навигацию с клавиатуры и тач-жесты, воспроизводя изображения, аудио и видео прямо в окне просмотра. Быстрое редактирование открывает нативный DocumentDrawer Payload из карточки. Массовый выбор работает с модификаторами Cmd, Ctrl и Shift. Если у коллекции задан `orderable: true`, карточки можно перетаскивать через @dnd-kit; плагин вызывает эндпоинт `/reorder` и обновляет список оптимистично. Опции настраивают вид по умолчанию (`defaultView`), включение отдельных layouts, режим футера (`hover` или `always`), а также отключение лайтбокса и быстрого редактирования. Выбранный вид сохраняется для каждой коллекции через Payload preferences (`getPreference`/`setPreference`). Плагин помечен как экспериментальный и поддерживается как личный проект. Применяется только к режиму All Media, не к Folders. Peer-зависимости: payload ^3.73.0, @payloadcms/ui ^3.73.0, next ^15||^16, react ^18||^19.
О пакете
- Имя пакета
@sitebytom/payload-media-gallery- Последняя версия
1.2.0- Размер
- 233 кБ
- Лицензия
- MIT
- Загрузок в неделю
- 520
- Последняя публикация
- 3 фев. 2026 г.
Похожие плагины
Ещё в категории «Администрирование»onpage for TanStack Start
Подключает плагин payload-onpage к сайту на TanStack Start, чтобы редакторы правили контент и смотрели черновики прямо на странице.
On-Page Editing
Встраивает редактирование Payload-страниц прямо в Next.js-фронтенд, сохраняет правки как черновики и выдаёт ссылки для предпросмотра.
On-Page React Editor
Добавляет на React-страницы Payload визуальный редактор: тулбары, панели и редакторы полей поверх отрисованной страницы.
Collaborative Comments
Добавляет комментарии на уровне документов и полей в админку Payload, с упоминаниями, email-уведомлениями, разрешением, мультитенантностью и фильтрацией по локали.
Dub
Плагин для Payload CMS для автоматического создания и управления короткими ссылками с использованием Dub.
Visual Editing
Плагин для Payload CMS 3.x добавляет на фронтенд оверлеи редактирования: клик по элементу открывает нужное поле в админке.