Multiple Images

Для прикрепления к ресурсу изображений используется библиотека spatie/laravel-medialibrary.

Регистрация медиа-коллекции в модели.

app/Models/Post.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Spatie\MediaLibrary\HasMedia;
use Spatie\MediaLibrary\InteractsWithMedia;

class Post extends Model implements HasMedia
{
    use HasFactory;
    use InteractsWithMedia;

    public function registerMediaCollections(): void
    {
        // Коллекция для картинок
        $this->addMediaCollection('images');
    }
}

В livewire компоненте нужно подключить трейт HasMedia и добавить новое публичное свойство, которое совпадает с названием медиа-коллекции в модели.

Для валидации поля используйте кастомное правило CollectionMedia из Rock.Cms.

app/Http/Livewire/Admin/Posts/PostItem.php

<?php

namespace App\Http\Livewire\Admin\Posts;

use App\Models\Post;
use WebVovan\RockCms\Rules\CollectionMedia;
use WebVovan\RockCms\Http\Livewire\ResourceComponent;
use WebVovan\RockCms\Traits\Livewire\HasMedia;

class PostItem extends ResourceComponent
{
    use HasMedia;

    public Post $resource;

    public string $resourceClass = Post::class;

    public string $nameRouteResourceList = 'posts.list';
    public string $nameRouteResourceEdit = 'posts.edit';
    
     // Поле для картинок
    public $images;

    // Правила валидации полей
    public function rules()
    {
        return [
            'resource.title' => 'string|required',
            'resource.desc' => 'string',
            'images' => new CollectionMedia(),
        ];
    }

    /**
     * Вызывается один раз при инициализации компонента
     */
    public function init()
    {
        $this->resource->title = $this->resource->title ?? '';
        $this->resource->desc = $this->resource->desc ?? '';

        // Инициализация свойства с изображением
        $this->images = $this->resource->getMedia('images')->toArray();
    }

    /**
     * Вызывается при сохранении ресурса
     */
    public function save()
    {
        $this->resource->save();

        // Сохранение изображений
        $this->saveCollectionMedia($this->resource, $this->images, 'images');
    }

    public function render()
    {
        return view('livewire.admin.posts.post-item');
    }
}

Вывод поля в шаблоне:

<x-rock-cms::fields.collection-image :model="$images" field="images" title="Картинки"/>