<?php

namespace admin\components\UI\Form;

use admin\components\UI\Widget\Icon;

/**
 * 动态数据编辑器
 * @package backend\components\UI\Form
 */
class Data extends Element implements Component
{
    protected array $column = [];
    protected bool $option = true;
    protected ?int $numberMax = null;
    protected ?int $numberMin = null;

    /**
     * Text constructor.
     * @param string $name
     * @param string $field
     * @param string $has
     */
    public function __construct(string $name, string $field, string $has = '')
    {
        $this->name = $name;
        $this->field = $field;
        $this->has = $has;
    }

    /**
     * 文本列
     * @param string $name
     * @param string $field
     * @param null $width
     * @return $this
     */
    public function text(string $name, string $field, $width = null): self
    {
        $this->column[] = [
            'name' => $name,
            'key' => $field,
            'type' => 'text',
            'width' => $width,
        ];
        return $this;
    }

    /**
     * 图片列
     * @param string $name
     * @param string $field
     * @param null $width
     * @return $this
     */
    public function image(string $name, string $field, $width = null): self
    {
        $this->column[] = [
            'name' => $name,
            'key' => $field,
            'type' => 'image',
            'width' => $width,
        ];
        return $this;
    }

    /**
     * 展示列
     * @param string $name
     * @param string $field
     * @param null $width
     * @return $this
     */
    public function show(string $name, string $field, $width = null): self
    {
        $this->column[] = [
            'name' => $name,
            'key' => $field,
            'type' => 'show',
            'width' => $width,
        ];
        return $this;
    }

    /**
     * 隐藏列
     * @param string $name
     * @param string $field
     * @return $this
     */
    public function hidden(string $name, string $field): self
    {
        $this->column[] = [
            'name' => $name,
            'key' => $field,
            'type' => 'hidden'
        ];
        return $this;
    }

    /**
     * 操作状态
     * @param bool $status
     * @return $this
     */
    public function option(bool $status = true): self
    {
        $this->option = $status;
        return $this;
    }

    /**
     * 最大数量
     * @param int $num
     * @return $this
     */
    public function max(int $num = 0): self
    {
        $this->numberMax = $num;
        return $this;
    }

    /**
     * 最小数量
     * @param int $num
     * @return $this
     */
    public function min(int $num = 0): self
    {
        $this->numberMin = $num;
        return $this;
    }

    /**
     * @return array
     */
    public function render(): array
    {
        $url = route('service.image.placeholder', ['w' => 64, 'h' => 64, 't' => $this->attr['placeholder'] ?: '图片']);

        $inner = [];
        $default = [];
        foreach ($this->column as $column) {
            $default[$column['key']] = '';
            $field = "value['{$column['key']}']";
            if ($column['type'] === 'text') {
                $inner[] = [
                    'nodeName' => 'div',
                    'class' => 'flex-grow',
                    'child' => [
                        'nodeName' => 'a-input',
                        'placeholder' => '请输入' . $column['name'],
                        'vModel:model-value' => $field
                    ]
                ];
            }
            if ($column['type'] === 'image') {
                $inner[] = [
                    'nodeName' => 'div',
                    'class' => 'flex-none',
                    'child' => [
                        'nodeName' => 'app-file',
                        'image' => 'true',
                        'mini' => true,
                        'size' => 8,
                        'vModel:value' => $field
                    ]
                ];
            }
            if ($column['type'] === 'show') {
                $inner[] = [
                    'nodeName' => 'div',
                    'class' => 'flex-grow',
                    'child' => "{{ $field || '-'}}"
                ];
            }
        }

        $create = json_encode($default);
        $data = [
            'nodeName' => 'app-dynamic-data',
            'vModel:value' => $this->getModelField(),
            'vBind:on-create' => "() => { return $create }",
            'child' => [
                'vSlot' => '{ index, value }',
                'nodeName' => 'div',
                'class' => 'flex flex-grow gap-4 items-center',
                'child' => $inner
            ]
        ];

        if ($this->numberMax) {
            $data['max'] = $this->numberMax;
        }

        if ($this->numberMin) {
            $data['min'] = $this->numberMin;
        }

        return $data;
    }

    /**
     * @param $data
     * @return array|null
     */
    public function dataValue($data): ?array
    {
        $data = $this->getValue($data);
        return $data ?: [];
    }

}