Download the PHP package letoceiling-coder/ceiling-calculator without Composer
On this page you can find all versions of the php package letoceiling-coder/ceiling-calculator. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download letoceiling-coder/ceiling-calculator
More information about letoceiling-coder/ceiling-calculator
Files in letoceiling-coder/ceiling-calculator
Package ceiling-calculator
Short Description Калькулятор натяжных потолков для Laravel с поддержкой Vue 3
License MIT
Informations about the package ceiling-calculator
Ceiling Calculator - Laravel Package
📦 Профессиональный калькулятор натяжных потолков для Laravel
Независимый Laravel-пакет для расчета стоимости натяжных потолков с интерактивным чертежом, выбором материалов, цветов и автоматическим формированием сметы.
✅ Подтверждение
Да! Пакет устанавливается через Composer и Vue 3 компонент полностью работает с API!
Что работает из коробки:
- ✅ Установка через Composer -
composer require letoceiling-coder/ceiling-calculator:dev-main - ✅ Vue 3 интеграция - Полная поддержка Vue 3 компонентов
- ✅ API endpoints - Автоматически регистрируются после установки
- ✅ Подключение к API - Vue компонент автоматически загружает данные через API
- ✅ Сохранение расчетов - Vue компонент сохраняет расчеты через API
- ✅ Laravel Passport - Поддержка авторизации через Passport (опционально)
Доступные API Endpoints:
После установки автоматически доступны:
GET /api/ceiling/rooms- Список помещенийGET /api/ceiling/materials- Список материалов (текстуры, производители, цвета)POST /api/ceiling- Сохранить расчетPUT /api/ceiling/{id}- Обновить расчетDELETE /api/ceiling/{id}- Удалить расчет
Vue 3 компонент:
См. QUICK_START_VUE3.md для быстрого старта и VUE3_API_INTEGRATION.md для полного руководства
Все работает из коробки! Нет необходимости в дополнительной настройке! 🎉
📖 О проекте
Ceiling Calculator - это полнофункциональный калькулятор для расчета стоимости натяжных потолков, который позволяет:
- 🎨 Создавать интерактивные чертежи помещений с помощью canvas
- 📐 Рассчитывать площадь и периметр потолка автоматически
- 🎨 Выбирать текстуры и производителей из базы данных
- 🌈 Выбирать цвета потолка
- 💰 Автоматически формировать смету с детализацией работ и материалов
- 💾 Сохранять расчеты для последующего использования
- 📄 Экспортировать сметы в удобном формате
Пакет полностью независим и содержит все необходимые ресурсы (CSS, JS, изображения, иконки), не требует дополнительных зависимостей от основного проекта.
✨ Основной функционал
🎯 Основные возможности
1. Интерактивное создание чертежей
- Рисование контуров помещений на canvas
- Автоматический расчет площади и периметра
- Поддержка сложных форм (многоугольники, кривые)
- Добавление отверстий и проемов
- Измерение углов и расстояний
2. Выбор материалов
- База данных текстур/фактур (матовые, глянцевые, сатиновые и т.д.)
- Список производителей (Pongs, Clipso, Alkor Draka и др.)
- Выбор цвета из палитры
- Выбор ширины полотна
3. Расчет стоимости
- Автоматический расчет площади потолка
- Расчет длины швов
- Учет усадки материала
- Расчет стоимости материалов
- Расчет стоимости работ (монтаж, установка светильников и т.д.)
- Расчет коммуникаций (обход труб, проводов)
- Формирование итоговой сметы
4. Управление расчетами
- Сохранение расчетов в базу данных
- Просмотр истории расчетов
- Редактирование существующих расчетов
- Удаление расчетов
- Экспорт смет
5. Работа с помещениями
- Создание списка помещений
- Привязка расчетов к помещениям
- Группировка расчетов по помещениям
🎨 Интерфейс
- Адаптивный дизайн - работает на всех устройствах
- Интуитивное управление - простое и понятное
- Визуальный редактор - чертежи с помощью мыши/касаний
- Живой предпросмотр - изменения видны сразу
📦 Установка через Composer
Требования
- PHP >= 8.1
- Laravel >= 10.0
- Composer >= 2.0
- MySQL/PostgreSQL/SQLite
Шаг 1: Добавить репозиторий
В composer.json вашего Laravel проекта добавьте репозиторий:
Для установки из Packagist (после публикации):
Шаг 2: Установить пакет
Шаг 3: Публикация ресурсов
Или используйте команду установки (выполняет все вышеперечисленное):
Шаг 4: Запустить миграции
Шаг 5: Заполнить базу данных (опционально)
Это заполнит базу данных начальными данными:
- 20 текстур/фактур
- 11 производителей
- Примеры цветов
Шаг 6: Проверить установку
Откройте в браузере:
🎨 Интеграция Vue 3
Пакет поддерживает опциональную интеграцию Vue 3 для создания интерактивных компонентов.
Шаг 1: Включить Vue 3
В файле .env:
Или в config/ceiling.php:
Шаг 2: Регистрация Vue компонента
Создайте файл resources/js/ceiling-calculator.js:
Шаг 3: Создание компонента Vue
Создайте файл resources/js/components/CeilingCalculator.vue:
Шаг 4: Использование компонента
Вариант 1: Глобальная регистрация
В вашем Blade шаблоне:
Вариант 2: Локальное использование
Props компонента
| Prop | Тип | По умолчанию | Описание |
|---|---|---|---|
title |
String | 'Калькулятор натяжных потолков' |
Заголовок калькулятора |
initialData |
Object | {} |
Начальные данные |
apiUrl |
String | '/api/ceiling' |
URL API для сохранения |
showRoomSelector |
Boolean | true |
Показывать выбор помещения |
editable |
Boolean | true |
Разрешить редактирование |
rooms |
Array | [] |
Список помещений |
textures |
Array | [] |
Список текстур |
manufacturers |
Array | [] |
Список производителей |
colors |
Array | [] |
Список цветов |
selectedRoom |
Number/String | null |
Выбранное помещение |
selectedTexture |
Number/String | null |
Выбранная текстура |
selectedManufacturer |
Number/String | null |
Выбранный производитель |
selectedColor |
Number/String | null |
Выбранный цвет |
События (Events)
| Событие | Параметры | Описание |
|---|---|---|
room-changed |
roomId |
Выбрано помещение |
texture-changed |
textureId |
Выбрана текстура |
manufacturer-changed |
manufacturerId |
Выбран производитель |
color-changed |
colorId |
Выбран цвет |
calculation-saved |
result |
Расчет сохранен |
🔐 Интеграция с Laravel Passport
Пакет поддерживает аутентификацию через Laravel Passport для защиты API.
Шаг 1: Установка Laravel Passport
Шаг 2: Настройка модели User
В app/Models/User.php:
Шаг 3: Настройка AuthServiceProvider
В app/Providers/AuthServiceProvider.php:
Шаг 4: Защита API роутов
В config/ceiling.php:
Шаг 5: Использование токенов в компоненте Vue
Компонент автоматически использует токен из localStorage:
Для сохранения токена после авторизации:
Шаг 6: Пример авторизации
Использование токенов в запросах
Компонент автоматически добавляет токен в заголовки:
📚 Использование
Через контроллер
Через сервис
Через фасад
📖 Дополнительная документация
QUICK_START_VUE3.md- Быстрый старт с Vue 3 и API ⭐VUE3_API_INTEGRATION.md- Полное руководство по Vue 3 с API ⭐COMPOSER_INSTALLATION.md- подробная установка через ComposerCOMPOSER_QUICK_START.md- быстрый старт с ComposerVUE3_INTEGRATION.md- интеграция Vue 3 (базовое руководство)LARAVEL_PASSPORT.md- настройка Laravel PassportASSETS_CHECKLIST.md- чеклист ресурсовPACKAGE_INDEPENDENCE.md- независимость пакетаdatabase/README.md- структура базы данных
🔧 Требования
- PHP >= 8.1
- Laravel >= 10.0
- Composer >= 2.0
- MySQL/PostgreSQL/SQLite
- Laravel Passport (опционально, для API аутентификации)
📝 Лицензия
MIT
👥 Авторы
LetoCeiling Coder
🔗 Репозиторий
GitHub: https://github.com/letoceiling-coder/cieling-vue
🆘 Поддержка
Для вопросов и поддержки создайте Issue в репозитории проекта.
All versions of ceiling-calculator with dependencies
illuminate/support Version ^10.0|^11.0
illuminate/database Version ^10.0|^11.0
illuminate/http Version ^10.0|^11.0
illuminate/view Version ^10.0|^11.0
illuminate/routing Version ^10.0|^11.0