初始化仓库

admin/components/UI/Form/Tab.php

@@ -0,0 +1,99 @@
+<?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
+        ];
+
+    }
+
+}