<?php

namespace admin\components\UI\Table\Column;

use admin\components\UI\Tools;

/**
 * Class RichText
 */
class RichText implements Component
{
    private array $desc = [];
    private array $image = [];
    protected $relation;

    /**
     * 设置关系
     * @param $relation
     * @return $this
     */
    public function setRelation($relation = null): self
    {
        $this->relation = $relation;
        return $this;
    }

    /**
     * @param string        $label
     * @param callable|null $callback
     * @return $this
     */
    public function desc(string $label, ?callable $callback = null): self
    {
        $this->desc[] = ['label' => $label, 'callback' => $callback];
        return $this;
    }

    /**
     * @param string        $label
     * @param int           $width
     * @param int           $height
     * @param string        $placeholder
     * @param callable|null $callback
     * @return $this
     */
    public function image(string $label, int $width = 10, int $height = 10, string $placeholder = '', ?callable $callback = null): self
    {
        $this->image[] = [
            'label' => $label,
            'width' => $width,
            'height' => $height,
            'placeholder' => $placeholder,
            'callback' => $callback
        ];
        return $this;
    }

    /**
     * @param $rowData
     * @return array
     */
    public function getData($rowData): array
    {
        $data = [];
        foreach ($this->image as $vo) {
            if ($this->relation) {
                // 解析关联数组
                $url = Tools::parsingObjData($rowData, $this->relation, $vo['label']);
            } else {
                // 解析普通数组
                $url = Tools::parsingArrData($rowData, $vo['label'], true);
            }

            if ($vo['callback'] instanceof \Closure) {
                $url = call_user_func($vo['callback'], $url, $rowData);
            }
            if (filter_var($url, FILTER_VALIDATE_URL) === false) {
                $url = route('service.image.placeholder', ['w' => 100, 'h' => 100, 't' => $vo['placeholder'] ?: '暂无']);
            }
            $data[Tools::converLabel($vo['label'], $this->relation)] = $url;
        }
        foreach ($this->desc as $key => $vo) {

            if ($this->relation) {
                // 解析关联数组
                $var = Tools::parsingObjData($rowData, $this->relation, $vo['label']);
            } else {
                // 解析普通数组
                $var = Tools::parsingArrData($rowData, $vo['label']);
            }
            if ($vo['callback'] instanceof \Closure) {
                $var = call_user_func($vo['callback'], $var, $rowData);
            }
            $data[Tools::converLabel($vo['label'], $this->relation)] = $var;
        }
        return $data;
    }

    /**
     * @param $label
     * @return array
     */
    public function render($label): array
    {

        $imageNode = [];
        if ($this->image) {
            foreach ($this->image as $vo) {
                $itemLabel = Tools::converLabel2($vo['label']);
                $imageNode[] = [
                    'nodeName' => 'div',
                    'class' => "flex-none bg-cover  w-{$vo['width']} h-{$vo['height']}",
                    'vBind:style' => "{'background-image': 'url(' + rowData.record['$itemLabel'] + ')'}"
                ];
            }
        }

        $descNode = [];
        if ($this->desc) {
            foreach ($this->desc as $vo) {
                $itemLabel = Tools::converLabel2($vo['label']);
                $descNode[] = [
                    'nodeName' => 'div',
                    'class' => "text-gray-500 overflow-ellipsis max-w-md",
                    'child' => "{{rowData.record['$itemLabel']}}"
                ];
            }
        }

        return [
            'nodeName' => 'div',
            'class' => 'flex items-center gap-2',
            'child' => [
                ...$imageNode,
                [
                    'nodeName' => 'div',
                    'class' => 'flex-grow',
                    'child' => [
                        [//注释是因为图片显示会把url也显示
                            'nodeName' => 'div',
                            'class' => 'overflow-ellipsis max-w-md',
                            'child' => "{{rowData.record['$label']}}"
                        ],
                        ...$descNode
                    ]

                ]
            ]
        ];

    }

}