owl-admin-base/app/Admin/Components.php

<?php

namespace App\Admin;

use App\Models\Keyword;
use Slowlyo\OwlAdmin\Renderers\BaseRenderer;
use Slowlyo\OwlAdmin\Renderers\WangEditor;

class Components extends BaseRenderer {

    /**
     * 父级选择器
     */
    public function parentControl($apiUrl = null, $name ='parent_id', $label = null,  $labelField = 'name', $valueField = 'id')
    {
        return amisMake()->TreeSelectControl()->source($apiUrl)
                ->name($name)->label($label ?? __('admin.components.parent_select'))
                ->showIcon(false)
                ->labelField($labelField)
                ->valueField($valueField);
    }

    /**
     * 排序字段
     */
    public function sortControl($name ='sort', $label = null){
        return amisMake()->NumberControl()
                ->name($name)->label($label ?? __('admin.components.order'))
                ->displayMode('enhance')
                ->value(0)
                ->min(0);
    }

    /**
     * 2位小数输入框
     */
    public function decimalControl($name ='decimal', $label = null){
        return amisMake()->NumberControl()
                ->name($name)->label($label ?? __('admin.components.decimal'))
                ->kilobitSeparator(true)
                ->percision(2)
                ->step(0.01)
                ->value(0.00)
                ->min(0);
    }

    /**
     * 富文本编辑器
     */
    public function fuEditorControl($name ='content', $label = null, $height = 600)
    {
        return WangEditor::make()
            ->name($name)->label($label ?? __('admin.components.content'))
            ->height($height)
            ->excludeKeys(['group-video']);
    }

    public function enableControl($name = 'is_enable', $label= null, $mode = 'horizontal'){
        return amisMake()->SwitchControl()
            ->name($name)->label($label ?? __('admin.components.status'))
            ->mode($mode)
            ->onText(__('admin.components.status_map.enabled'))->offText(__('admin.components.status_map.disabled'));
    }

    public function keywordsTagControl($name = 'tags', $label= null, $pKey = null){
        return amisMake()->TagControl()
            ->name($name)->label($label ?? __('admin.components.tag'))
            ->maxTagLength(0)
            ->options(Keyword::where('p_key', $pKey)->pluck('name', 'id')->toArray());
    }

    public function keywordsTag($label = null){
        return amisMake()->Tag()->label($label ?? __('admin.components.tag'))
            ->displayMode('rounded')->color('inactive');
    }

    /**
     * 生成统计图config
     * 折线图或者柱状图
     */
    public function chartLineBarConfig($title = null, array $x , array $y){
        $yAxisData = [];
        $seriesData = [];
        $color = [];
        if(!isset($y[0])){
            $_y = $y;
            $y = [0=>$_y];
        }
        $i = 0;
        $tips = '{b0}';
        foreach($y as $item) {
            //调色盘
            $color[] = $item['color'];
            //tips
            $tips.= '<br/> {a'.$i.'}: {c'.$i.'}'.($item['unit'] ?? '');
            //纵坐标
            $yAxisData[] = [
                'name'=>($item['unit'] ?? ''),
                'type' =>'value',
                'axisTick' => true,
                'alignTicks' => true,
                'axisLine' => [
                    'show' => true,
                    'lineStyle' => [
                        'color' => $item['color'] ?? ''
                    ]
                ],
                'axisLabel'=> [
                    'formatter'=>'{value} '
                ]
            ];
            //数据
            $_series = [
                'name' => $item['name'] ?? '',
                'data' => $item['data'] ?? [],
                'type' => $item['type'] ?? 'line',
                'yAxisIndex' => $i,
            ];
            switch($item['type']){
                case 'line':
                    $_series = array_merge($_series, [
                        'smooth'=> true,
                        'symbol'=> 'none',
                        'lineStyle' => [
                            'color' => $item['color'] ?? ''
                        ],
                        'areaStyle' => [
                            'color' => $item['color'] ?? ''
                        ],
                    ]);
                    break;
                case 'bar':
                    $_series = array_merge($_series, [
                    ]);
                    break;
            }
            $seriesData[] = $_series;
            $i++;
        }

        return [
            'color' =>  $color,
            'title' => [
                'text' => $title,
            ],
            "tooltip" => [//提示
                'trigger'=>'axis',//坐标轴触发
                'axisPointer' => [
                    'type' => 'cross'
                ],
                // 'formatter' => $tips
            ],
            'grid' => [
                'left' => '8%',
                'right' => '8%',
            ],
            'xAxis' => [
                'type' => 'category',
                'data' => $x,
            ],
            'yAxis' => $yAxisData,
            'series' => $seriesData
        ];
    }
    
    /**
     * 散点图
     */
    public function chartScatterConfig($title = null, array $x , array $y, array $yData = null){
        $yAxisData = [];
        $seriesData = [];
        $color = [];

        if($yData){
            $yAxisData = [
                'type' =>'category',
                // 'splitLine'=>[
                //     'show'=>true,
                //     'lineStyle'=>[
                //         'type'=>'dashed'
                //     ]
                // ],
                'axisTick' => [
                    'alignWithLabel'=>true
                ],
                'data'=> $yData
            ];
        }
        
        $seriesData = $y;
        
        return [
            'color' =>  $color,
            'title' => [
                'text' => $title,
            ],
            "tooltip" => [//提示
                'trigger'=>'axis',//坐标轴触发
                'axisPointer' => [
                    'type' => 'cross'
                ],
            ],
            'xAxis' => [
                'type' => 'category',
                'data' => $x,
            ],
            'yAxis' => $yAxisData,
            'series' => $seriesData
        ];
    }

    /**
     * 生成饼状图config
     * -todo
     */
    public function chartPieConfig(){
        return ;
    }
}