v3.7

Author: hikki

src/Widget/CascadeDot.php

@@ -37,7 +37,7 @@ public function render()
      * @param array $style 组件样式设置 宽:width 高:height
      * @return string
      */
-    public static function panel($name, array $select, array $selected, int $limit = 1, array $style = [])
+    public static function panel($name, array $select, array $selected, int $limit = 0, array $style = [])
     {
         $selected = json_encode($selected, JSON_UNESCAPED_UNICODE | JSON_HEX_QUOT | JSON_HEX_APOS);
         $select = json_encode($select, JSON_UNESCAPED_UNICODE | JSON_HEX_QUOT | JSON_HEX_APOS);

src/Widget/Dot.php

@@ -19,13 +19,15 @@ public function render()
         $limit = isset($this->attributes['limit']) ? (int)$this->attributes['limit'] : 0;
         $width = isset($this->attributes['width']) ? $this->attributes['width'] : '100%';
         $height = isset($this->attributes['height']) ? $this->attributes['height'] : '200px';
-        $menu_mode = isset($this->attributes['mode']) && $this->attributes['mode'] === true ? 'true' : 'false';
-        $menu_placeholder = isset($this->attributes['placeholder']) ? $this->attributes['placeholder'] : '未选择';
+        $menu = json_encode([
+            'mode'=>isset($this->attributes['mode']) && $this->attributes['mode'] === true ? true : false,
+            'placeholder'=>isset($this->attributes['placeholder']) ? $this->attributes['placeholder'] : '未选择',
+            'height'=>isset($this->attributes['menu_height']) ? $this->attributes['menu_height'] : '150px']);
         $this->addVariables(['width' => $width, 'height' => $height]);
         $select = json_encode($this->options, JSON_FORCE_OBJECT | JSON_UNESCAPED_UNICODE | JSON_HEX_QUOT | JSON_HEX_APOS);
         $selected = json_encode($this->checked);
         $this->script = <<<EOT
-new ComponentDot("{$id}",JSON.parse('{$select}'),JSON.parse('{$selected}'),{$limit},{$menu_mode},'{$menu_placeholder}');
+new ComponentDot("{$id}",JSON.parse('{$select}'),JSON.parse('{$selected}'),{$limit},{$menu});
 EOT;
         return parent::render();
     }
@@ -36,26 +38,24 @@ public function render()
      * @param array $select 全部选项
      * @param array $selected 已选择id组 [1,2,3...]
      * @param int $limit 选择限制数 默认0:无限
-     * @param array $style 组件样式设置 宽:width 高:height
-     * @param array $menu 组件外观模式配置
-     *              menu.mode  false:默认DOT模式 true:下拉列表模式
-     *              menu.placeholder  下拉列表模式开启时 默认未选择占位
+     * @param array $setting 组件配置
+     *      mode 选择器下拉列表模式 false:默认经典模式 true:下拉模式
+     *      placeholder 下拉列表默认展位
+     *      width      容器宽 例.100% 100px
+     *      height     容器高 例.200px
+     *      menu_height 下拉列表高度限制 例.200px
      * @return string
      */
-    public static function panel($name, array $select, array $selected, int $limit = 0, array $style = [], $menu = ['mode'=>false,'placeholder'=>'请选择'])
+    public static function panel($name, array $select, array $selected, int $limit = 0, array $setting = [])
     {
         $selected = json_encode($selected, JSON_UNESCAPED_UNICODE | JSON_HEX_QUOT | JSON_HEX_APOS);
         $select = json_encode($select, JSON_FORCE_OBJECT | JSON_UNESCAPED_UNICODE | JSON_HEX_QUOT | JSON_HEX_APOS);
-        $style = array_merge(['width' => '100%', 'height' => '200px'], $style);
-        $style_string = '';
-        foreach ($style as $k => $s) {
-            $style_string .= "$k:$s;";
-        }
-        $menu = array_merge(['mode'=>false,'placeholder'=>'请选择'], $style);
-        $menu_mode = isset($menu['mode']) && $menu['mode'] === true ? 'true' : 'false';
+        $setting = array_merge(['mode'=>false,'placeholder'=>'请选择','width' => '100%','height'=>'200px','menu_height'=>'150px'], $setting);
+        $style = $setting['mode'] === true ? "witdh:{$setting['width']};" : "witdh:{$setting['width']};height:{$setting['height']}";
 
+        $menu = json_encode(['mode'=>$setting['mode'],'placeholder'=>$setting['placeholder'],'height'=>$setting['menu_height']]);
         return <<<EOF
-<div id="{$name}" style="$style_string"></div><script>new ComponentDot("{$name}",JSON.parse('{$select}'),JSON.parse('{$selected}'),{$limit},{$menu_mode},{$menu['placeholder']});</script>
+<div id="{$name}" style="$style"></div><script>new ComponentDot("{$name}",JSON.parse('{$select}'),JSON.parse('{$selected}'),{$limit},{$menu}});</script>
 EOF;
     }
 }

src/Widget/Linear.php

@@ -54,12 +54,12 @@ public function render()
      * @param array $list 数据集 二维数据集列表格式
      * @param array $style 组件样式设置 宽:width 高:height
      * @param array $options 操作列设置
-     *      options.sortable      bool 可排序
-     *      options.delete        bool 可删除
-     *      options.insert        bool 可新增
+     *      options.sortable      bool 可排序 true开启
+     *      options.delete        bool 可删除 true开启
+     *      options.insert        bool 可新增 true开启
      * @return string
      */
-    public static function panel($name, array $columns, array $list, array $style = [], array $options = ['sortable' => true, 'delete' => true, 'insert' => true])
+    public static function panel($name, array $columns, array $list, array $style = [], array $options = [])
     {
         $columns = json_encode($columns, JSON_UNESCAPED_UNICODE | JSON_HEX_QUOT | JSON_HEX_APOS | JSON_FORCE_OBJECT);
         $list = json_encode($list, JSON_UNESCAPED_UNICODE | JSON_HEX_QUOT | JSON_HEX_APOS);

test/example.php

@@ -134,12 +134,12 @@ protected function form($id)
          * attribute.limit  选择限制数 默认0:无限
          * attribute.mode  组件模式设置 false:默认模式 true:下拉列表模式
          * attribute.placeholder  下拉列表模式 默认未选择占位
+         * attribute.menu_height  下拉列表高度限制
          */
         $form->Dot('dot','标签选择器')
             ->options([1=>'松下紗栄子',2=>'上原亜衣',3=>'白石茉莉奈',4=>'美谷朱里',5=>'沖田杏梨',6=>'由愛可奈',7=>'七瀬あいり',8=>'五十嵐星蘭',9=>'仲里紗羽',10=>'波多野結衣'])
             ->checked([1,2,3])
             ->attribute(['height'=>'200px']);
-
         /**
          * 级联点组件
          * options 设置数据集 多维数组 格式[[key=>key1,val=>value1,nodes=>[...]],...]