Image

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

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

app/Models/Post.php

<?php

namespace App\Models;

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

class Post extends Model implements HasMedia
{
    use InteractsWithMedia

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

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

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

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

<?php

namespace App\Http\Livewire\Admin\Posts;

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

class PostItem extends ResourceComponent
{
    use HasMedia;
    
    // Свойство для изображения
    public $preview;

    public Post $resource;

    public string $resourceClass = Post::class;
    
    public string $nameRouteResourceList = 'posts.list';
    public string $nameRouteResourceEdit = 'posts.edit';

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

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

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

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

        // Сохранение изображения
        $this->saveSingleMedia($this->resource, $this->preview, 'preview');
    }

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

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

<x-rock-cms::fields.single-image :model="$preview" field="preview" title="Превью"/>