7.1

Author: hikki

readme.md

@@ -1,3 +1,24 @@
+## 前端组件扩展
+
+    |-表单类组件扩展.Widget
+    |    |-Dot         多选择器
+    |    |-CascadeDot  级联多选择器
+    |    |-CascadeLine 级联管理器
+    |    |-Linear      列表控件  
+    |
+    |-弹窗组件.Widget
+    |    |-plane       异步弹窗组件
+    |     
+    |-辅助工具.Tool
+    |    |-Assistant   数据处理辅助方法  
+    |    |-FormPanel   表单内容生成器
+    |    |-CascadeLineTrait   级联管理器的接口抽象类 
+    |
+    |-参考样例.Test
+    |    |-example      组件样例
+    |    |-CascadeLineController  级联管理器 接口样例
+    
+    
 ### [demo样例参见](https://codepen.io/ydtg1993-the-bashful/pen/rNdWade)
 
 ### 安装
@@ -8,3 +29,50 @@ composer require dlp/component-js
 ```shell script
 php artisan vendor:publish --provider="DLP\DLPServiceProvider" --force
 ```
+
+### PHP调用
+
+    use DLP\Assembly\Wing;
+    new Wing();
+    
+<table> 
+    <tr>
+        <th style="text-align:left;">名称</td>
+        <th style="text-align:left;">调用</td>
+        <th style="text-align:left;">说明</td>
+    </tr>
+    <tr>
+        <td style="text-align:left;">多(单)选择器 Dot</td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L156'>->select</a>
+        | <a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L163'>->dot</a></td>
+        <td style="text-align:left;"></td>
+    </tr>
+    <tr>
+        <td style="text-align:left;">级联多选择器 CascadeDot</td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L189'>->cascadeDot</a></td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L221'>链表数据结构参考</a>
+         <br/>
+         <a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L211'>数据辅助组装 步骤方法</a><br/>
+         </td></td> 
+    </tr>
+    <tr>
+        <td style="text-align:left;">级联管理器 CascadeLine</td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L191'>->cascadeLine</a></td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L221'>链表数据结构参考</a>
+         <br/>
+         <a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L211'>数据辅助组装 步骤方法</a><br/>
+         </td></td> 
+    </tr>
+    <tr>
+        <td style="text-align:left;">列表控件 Linear</td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L193'>->linear</a></td>
+        <td style="text-align:left;">二维数组<br/>[[col=>val,col2=>val2,...],...]</td>
+    </tr>
+    <tr>
+        <td style="text-align:left;">弹出层组件</td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L55'>Plane::headAction</a> 
+        | <a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L70'>Plane::rowAction</a></td>
+        <td style="text-align:left;"></td>
+    </tr>
+</table>
+

test/example.php

@@ -206,6 +206,15 @@ public function blank()
         return $W->form();
     }
 
+    /**
+     * 级联线组件
+     * 链表数据结构 [[key=>key1,val=>value1,nodes=>[...]],...]
+     *          链表结构数据辅助组装(例)
+     *              1.倒排父节点查询 注:id name parent_id 必须命别名 key val par
+     *                $select = Model::orderBy('parent_id','DESC')->select('id as key','name as val','parent_id as par')->get()->toArray();
+     *              2.辅助函数dimension 组装后的$select结构参考$this->cascadeExampleData()返回数据
+     *                Assistant::dimension($select);
+     */
     private function cascadeExampleData()
     {
         return [