feat issue 1809 (#1817)

resources/views/widgets/dialogtable.blade.php

@@ -1,138 +1,138 @@
-<span class="{{ $class }}">
-    <span style="cursor: pointer" class="switch-dialog">{!! $button !!}</span>
-
-    <template class="content">
-        <div {!! $attributes !!}>
-            <div class="p-2 dialog-body">{!! $table !!}</div>
-
-            @if($footer)
-                <div class="dialog-footer layui-layer-btn">{!! $footer !!}</div>
-            @endif
-        </div>
-    </template>
-
-    {{-- 标题 --}}
-    <template class="title">{!! $title !!}</template>
-
-    {{-- 事件监听 --}}
-    <template class="event">
-        {!! $events['shown'] !!}
-
-        @if(!empty($events['load']))
-            $t.on('table:loaded', function (e) { {!! $events['load'] !!} });
-        @endif
-    </template>
-</span>
-
-<script init=".{{ $class }}">
-    var area = screen.width <= 850 ? ['100%', '100%',] : '{{ $width }}',
-        offset = screen.width <= 850 ? 0 : '70px',
-        _tb = '.async-table',
-        _container = '.dialog-table',
-        _id,
-        _temp,
-        _title,
-        _event,
-        _btnId;
-
-    setId(id);
-
-    function hidden(index) {
-        {!! $events['hidden'] !!}
-
-        getLayer(index).find(_container).trigger('dialog:hidden');
-    }
-
-    function open(btn) {
-        var index = layer.open({
-            type: 1,
-            title: $(_title).html(),
-            area: area,
-            offset: offset,
-            maxmin: false,
-            resize: false,
-            content: $(_temp).html(),
-            success: function(layero, index) {
-                var $c = getLayer(index).find(_container),
-                    $t = getLayer(index).find(_tb);
-
-                $c.attr('layer', index);
-
-                setDataId($c);
-                setMaxHeight(index);
-
-                eval($(_event).html());
-
-                setTimeout(function () {
-                    Dcat.grid.AsyncTable({container: $t});
-
-                    $t.trigger('table:load');
-                }, 100);
-
-                $c.trigger('dialog:shown');
-
-                $c.on('dialog:open', openDialog);
-                $c.on('dialog:close', closeDialog)
-            },
-            cancel: function (index) {
-                btn && btn.removeAttr('layer');
-
-                hidden(index)
-            }
-        });
-
-        btn && btn.attr('layer', index);
-    }
-
-    function setDataId(obj) {
-        if (! obj.attr('data-id')) {
-            obj.attr('data-id', id);
-        }
-    }
-
-    function setId(val) {
-        if (! val) return;
-
-        _id = '#' + val;
-        _temp = _id + ' .content';
-        _title = _id + ' .title';
-        _event = _id + ' .event';
-        _btnId = _id + ' .switch-dialog';
-    }
-
-    function openDialog () {
-        setId($(this).attr('data-id'));
-        setDataId($(this));
-
-        if (! $(this).attr('layer')) {
-            open($(this));
-        }
-    }
-
-    function getLayer(index) {
-        return $('#layui-layer'+index)
-    }
-
-    function closeDialog() {
-        var index = $(this).attr('layer');
-
-        getLayer(index).find(_container).removeAttr('layer');
-        $(_btnId).removeAttr('layer');
-
-        if (index) {
-            layer.close(index);
-            hidden(index);
-        }
-    }
-
-    function setMaxHeight(index) {
-        var maxHeight = ($(window).height() - 220);
-        if (maxHeight < 250) {
-            maxHeight = maxHeight + 120;
-        }
-
-        getLayer(index).find('.layui-layer-content').css({'max-height': maxHeight});
-    }
-
-    $(_btnId).on('click', openDialog);
-</script>
+<span class="{{ $class }}">
+    <span style="cursor: pointer" class="switch-dialog">{!! $button !!}</span>
+
+    <template class="content">
+        <div {!! $attributes !!}>
+            <div class="p-2 dialog-body">{!! $table !!}</div>
+
+            @if($footer)
+                <div class="dialog-footer layui-layer-btn">{!! $footer !!}</div>
+            @endif
+        </div>
+    </template>
+
+    {{-- 标题 --}}
+    <template class="title">{!! $title !!}</template>
+
+    {{-- 事件监听 --}}
+    <template class="event">
+        {!! $events['shown'] !!}
+
+        @if(!empty($events['load']))
+            $t.on('table:loaded', function (e) { {!! $events['load'] !!} });
+        @endif
+    </template>
+</span>
+
+<script init=".{{ $class }}">
+    var area = screen.width <= 850 ? ['100%', '100%',] : '{{ $width }}',
+        offset = screen.width <= 850 ? 0 : '70px',
+        _tb = '.async-table',
+        _container = '.dialog-table',
+        _id,
+        _temp,
+        _title,
+        _event,
+        _btnId;
+
+    setId(id);
+
+    function hidden(index) {
+        {!! $events['hidden'] !!}
+
+        getLayer(index).find(_container).trigger('dialog:hidden');
+    }
+
+    function open(btn) {
+        var index = layer.open({
+            type: 1,
+            title: $(_title).html(),
+            area: area,
+            offset: offset,
+            maxmin: {{ $maxmin }},
+            resize: {{ $resize }},
+            content: $(_temp).html(),
+            success: function(layero, index) {
+                var $c = getLayer(index).find(_container),
+                    $t = getLayer(index).find(_tb);
+
+                $c.attr('layer', index);
+
+                setDataId($c);
+                setMaxHeight(index);
+
+                eval($(_event).html());
+
+                setTimeout(function () {
+                    Dcat.grid.AsyncTable({container: $t});
+
+                    $t.trigger('table:load');
+                }, 100);
+
+                $c.trigger('dialog:shown');
+
+                $c.on('dialog:open', openDialog);
+                $c.on('dialog:close', closeDialog)
+            },
+            cancel: function (index) {
+                btn && btn.removeAttr('layer');
+
+                hidden(index)
+            }
+        });
+
+        btn && btn.attr('layer', index);
+    }
+
+    function setDataId(obj) {
+        if (! obj.attr('data-id')) {
+            obj.attr('data-id', id);
+        }
+    }
+
+    function setId(val) {
+        if (! val) return;
+
+        _id = '#' + val;
+        _temp = _id + ' .content';
+        _title = _id + ' .title';
+        _event = _id + ' .event';
+        _btnId = _id + ' .switch-dialog';
+    }
+
+    function openDialog () {
+        setId($(this).attr('data-id'));
+        setDataId($(this));
+
+        if (! $(this).attr('layer')) {
+            open($(this));
+        }
+    }
+
+    function getLayer(index) {
+        return $('#layui-layer'+index)
+    }
+
+    function closeDialog() {
+        var index = $(this).attr('layer');
+
+        getLayer(index).find(_container).removeAttr('layer');
+        $(_btnId).removeAttr('layer');
+
+        if (index) {
+            layer.close(index);
+            hidden(index);
+        }
+    }
+
+    function setMaxHeight(index) {
+        var maxHeight = ($(window).height() - 220);
+        if (maxHeight < 250) {
+            maxHeight = maxHeight + 120;
+        }
+
+        getLayer(index).find('.layui-layer-content').css({'max-height': maxHeight});
+    }
+
+    $(_btnId).on('click', openDialog);
+</script>

src/Form/Field/SelectTable.php

@@ -60,6 +60,32 @@ class SelectTable extends Field
         return $this;
     }
 
+    /**
+     * Show Max or Min icon.
+     *
+     * @param  bool  $maxmin
+     * @return $this
+     */
+    public function dialogMaxMin(bool $maxmin)
+    {
+        $this->dialog->maxmin($maxmin);
+
+        return $this;
+    }
+
+    /**
+     * Resize.
+     *
+     * @param  bool  $resize
+     * @return $this
+     */
+    public function dialogResize(bool $resize)
+    {
+        $this->dialog->resize($resize);
+
+        return $this;
+    }
+
     /**
      * 设置表格异步渲染实例.
      *

src/Widgets/DialogTable.php

@@ -35,6 +35,20 @@ class DialogTable extends Widget
      */
     protected $footer;
 
+    /**
+     * show max or min.
+     *
+     * @var bool
+     */
+    protected $maxmin = true;
+
+    /**
+     * resize setting.
+     *
+     * @var bool
+     */
+    protected $resize = true;
+
     /**
      * @var array
      */
@@ -102,6 +116,32 @@ class DialogTable extends Widget
         return $this;
     }
 
+    /**
+     * show max or min.
+     *
+     * @param  bool  $maxmin
+     * @return $this
+     */
+    public function maxmin(bool $maxmin)
+    {
+        $this->maxmin = $maxmin;
+
+        return $this;
+    }
+
+    /**
+     * resize setting.
+     *
+     * @param  bool  $resize
+     * @return $this
+     */
+    public function resize(bool $resize)
+    {
+        $this->resize = $resize;
+
+        return $this;
+    }
+
     /**
      * 设置点击按钮HTML.
      *
@@ -184,6 +224,8 @@ class DialogTable extends Widget
             'table'  => $this->renderTable(),
             'footer' => $this->renderFooter(),
             'events' => $this->events,
+            'maxmin' => $this->maxmin,
+            'resize' => $this->resize,
         ]);
 
         return parent::render();