添加隐藏Form tabs方法

Author: SmallRuralDog

docs/components.md

@@ -641,6 +641,22 @@ Transfer::make()->data($permissionModel::get()->map(function ($item) {
 }))->titles(['可授权', '已授权'])->filterable()
 ```
 
+### WangEditor
+
+ 轻量级 web 富文本编辑器
+
+```php
+WangEditor::make()
+    ->menus([])
+    ->zIndex(999)
+    ->uploadImgShowBase64(true)
+    ->uploadImgServer("")
+    ->uploadFileName("file")
+    ->uploadImgHeaders(['xx'=>'xx']);
+```
+
+
+
 
 
 ## 统计图表

docs/form.md

@@ -117,6 +117,8 @@ $form->disabled(true);
 
 ```php
 $form->item('username', '用户名')->tab("用户信息");
+//注意，要开启tab，必须设置
+$form->hideTab(false);
 ```
 
 

public/app.js

@@ -979,6 +979,12 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
 
 
 
@@ -29138,11 +29144,12 @@ var render = function() {
                 },
                 [
                   _c(
-                    "el-tabs",
+                    _vm.attrs.attrs.hideTab ? "div" : "el-tabs",
+                    { tag: "component" },
                     _vm._l(_vm.attrs.tabs, function(tab) {
                       return _c(
-                        "el-tab-pane",
-                        { key: tab, attrs: { label: tab } },
+                        _vm.attrs.attrs.hideTab ? "div" : "el-tab-pane",
+                        { key: tab, tag: "component", attrs: { label: tab } },
                         [
                           _vm._l(_vm.attrs.formItems, function(item, index) {
                             return [

public/mix-manifest.json

@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=df62937f41197140ffc5",
+    "/app.js": "/app.js?id=00ab9777d40892d1144c",
     "/manifest.js": "/manifest.js?id=af490cb90066598b3f0e",
     "/vendor.js": "/vendor.js?id=0651917a3e4f144a9e23"
 }

resources/js/components/form/Form.vue

@@ -20,11 +20,17 @@
         :size="attrs.attrs.size"
         :disabled="attrs.attrs.disabled"
       >
-        <el-tabs>
-          <el-tab-pane :label="tab" v-for="tab in attrs.tabs" :key="tab">
-            <template v-for="(item, index) in attrs.formItems" >
+        <component :is="attrs.attrs.hideTab ? 'div' : 'el-tabs'">
+          
+          <component
+            :is="attrs.attrs.hideTab ? 'div' : 'el-tab-pane'"
+            :label="tab"
+            v-for="tab in attrs.tabs"
+            :key="tab"
+          >
+            <template v-for="(item, index) in attrs.formItems">
               <ItemIf
-                v-if='tab == item.tab'
+                v-if="tab == item.tab"
                 :key="index"
                 :form_item="item"
                 :form_items="attrs.formItems"
@@ -84,8 +90,8 @@
                 />
               </ItemIf>
             </template>
-          </el-tab-pane>
-        </el-tabs>
+          </component>
+        </component>
         <div class="form-bottom-actions">
           <div></div>
           <div>

src/Components/Form/WangEditor.php

@@ -87,7 +87,7 @@ public function uploadImgShowBase64(bool $uploadImgShowBase64 = true)
      * @param string $uploadImgServer
      * @return $this
      */
-    public function uploadImgServer($uploadImgServer)
+    public function uploadImgServer(string $uploadImgServer)
     {
         $this->uploadImgServer = $uploadImgServer;
         return $this;
@@ -98,24 +98,22 @@ public function uploadImgServer($uploadImgServer)
      * @param mixed $uploadFileName
      * @return WangEditor
      */
-    public function uploadFileName($uploadFileName)
+    public function uploadFileName(string $uploadFileName)
     {
         $this->uploadFileName = $uploadFileName;
         return $this;
     }
 
     /**
+     * 自定义 header
      * @param mixed $uploadImgHeaders
      * @return WangEditor
      */
-    public function uploadImgHeaders($uploadImgHeaders)
+    public function uploadImgHeaders(array $uploadImgHeaders)
     {
         $this->uploadImgHeaders = $uploadImgHeaders;
         return $this;
     }
 
 
-
-
-
 }

src/Controllers/PermissionController.php

@@ -56,6 +56,7 @@ protected function form()
         $form = new Form(new $permissionModel());
 
 
+
         $form->item('slug', "标识")->required();
         $form->item('name', "名称")->required();
         $form->item('http_method', "请求方式")

src/Form/FormAttrs.php

@@ -21,4 +21,6 @@ class FormAttrs
     public $size="small";
     public $disabled = false;
 
+    public $hideTab = true;
+
 }

src/Form/TraitFormAttrs.php

@@ -156,4 +156,10 @@ public function disabled(bool $disabled = true)
         $this->attrs->disabled = $disabled;
         return $this;
     }
+
+    public function hideTab(bool $hideTab = true)
+    {
+        $this->attrs->hideTab = $hideTab;
+        return $this;
+    }
 }