Описание

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

Компоненты

Arvue включает в себя множество полезных компонентов:

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

Утилиты

Arvue также предлагает набор утилит для упрощения работы с данными:

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

Установка

Для использования Arvue установите его с помощью npm:

``bash npm install arvue ``

Требования

Для работы с Arvue на сервере требуется Node.js.