100 lines
2.6 KiB
PHP
100 lines
2.6 KiB
PHP
|
<?php
|
||
|
|
|
||
|
|
namespace admin\components\UI\Form;
|
||
|
|
|
||
|
|
use admin\components\UI\Form;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Class Tab
|
||
|
|
* 切换组件
|
||
|
|
* @package backend\components\UI\Table
|
||
|
|
*/
|
||
|
|
class Tab extends Composite implements Component
|
||
|
|
{
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param $name
|
||
|
|
* @param callable $callback
|
||
|
|
* @param int|null $order
|
||
|
|
* @param string $title
|
||
|
|
* @param string $desc
|
||
|
|
* @return $this
|
||
|
|
*/
|
||
|
|
public function column($name, callable $callback, int $order = null, string $title = '', string $desc = ''): self
|
||
|
|
{
|
||
|
|
$form = new Form();
|
||
|
|
$form->dialog($this->dialog);
|
||
|
|
$form->vertical($this->vertical);
|
||
|
|
$callback($form);
|
||
|
|
$this->column[] = [
|
||
|
|
'name' => $name,
|
||
|
|
'title' => $title,
|
||
|
|
'desc' => $desc,
|
||
|
|
'order' => $order ?? (count($this->column) + 1),
|
||
|
|
'object' => $form,
|
||
|
|
|
||
|
|
];
|
||
|
|
return $this;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @return array
|
||
|
|
*/
|
||
|
|
public function render(): array
|
||
|
|
{
|
||
|
|
|
||
|
|
$nodes = [];
|
||
|
|
|
||
|
|
$column = collect($this->column)->sortBy('order')->toArray();
|
||
|
|
|
||
|
|
foreach ($column as $key => $vo) {
|
||
|
|
|
||
|
|
$child = [];
|
||
|
|
if ($vo['title']) {
|
||
|
|
$child[] = [
|
||
|
|
'nodeName' => 'div',
|
||
|
|
'class' => 'py-4 flex flex-col gap-2',
|
||
|
|
'child' => [
|
||
|
|
[
|
||
|
|
'nodeName' => 'div',
|
||
|
|
'class' => 'text-xl',
|
||
|
|
'child' => $vo['title'],
|
||
|
|
],
|
||
|
|
[
|
||
|
|
'nodeName' => 'div',
|
||
|
|
'class' => 'text-gray-500',
|
||
|
|
'child' => $vo['desc'],
|
||
|
|
]
|
||
|
|
]
|
||
|
|
];
|
||
|
|
}
|
||
|
|
$child[] = [
|
||
|
|
'nodeName' => 'div',
|
||
|
|
'class' => 'pt-2',
|
||
|
|
'child' => $vo['object']->renderForm()
|
||
|
|
];
|
||
|
|
|
||
|
|
$nodes[] = [
|
||
|
|
'nodeName' => 'a-tab-pane',
|
||
|
|
'title' => $vo['name'],
|
||
|
|
'key' => $key,
|
||
|
|
'class' => !$this->dialog ? ' border-t border-gray-200 dark:border-blackgray-1 px-3 pt-4 pb-0' : '',
|
||
|
|
'child' => [
|
||
|
|
'nodeName' => 'div',
|
||
|
|
'class' => '',
|
||
|
|
'child' => $child
|
||
|
|
]
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
return [
|
||
|
|
'nodeName' => 'a-tabs',
|
||
|
|
'class' => !$this->dialog ? 'mb-4 bg-white dark:bg-blackgray-4 rounded shadow p-4 pb-1' : '',
|
||
|
|
'type' => 'rounded',
|
||
|
|
'child' => $nodes
|
||
|
|
];
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|