Arvue — это пакет Vue 3 компонентов и утилит, разработанный для интеграции с PHP-фреймворком Webasyst. Этот пакет ускоряет и упрощает разработку административных панелей, предоставляя готовые компоненты для управления контентом. Для работы с пакетом Arvue на сервере требуется Node.js.

Компоненты

• Alerts: уведомления с поддержкой разных типов сообщений (успех, ошибка и др.).
• Autocomplete: автозаполнение для текстовых полей с поддержкой v-model.
• Brace: редактор кода на основе Ace Editor с подсветкой синтаксиса.
• Dialog: диалоговое окно для взаимодействия с пользователем.
• DotsAnimation: анимация точек для отображения загрузки.
• Drawer: выдвижное боковое окно для показа настроек или дополнительного контента.
• Dropdown: выпадающий список для выбора из опций.
• Forms: создание динамических форм с поддержкой полей, таких как текстовые поля, чекбоксы и загрузка изображений.
• Paginator: элемент для навигации по страницам данных.
• Slider: ползунок с выбором диапазона значений.
• Switch: переключатель состояний с кастомными метками.
• Table: гибкая таблица с сортировкой, поиском и ленивой загрузкой.
• Tooltip: всплывающая подсказка для элементов интерфейса.
• UploadBox: компонент для загрузки файлов с поддержкой множественной загрузки и валидации.

Утилиты

• copyToClipboard: копирование текста в буфер обмена с использованием Clipboard API.
• formatCurrency: форматирование чисел в формат валюты.
• formatDateTime: удобное форматирование дат.
• startEventSource: создание соединения Server-Sent Events для взаимодействия с сервером.
• validator: набор методов для валидации данных, включая строки, числа, массивы и файлы.

Установка: npm install arvue