From 1243cb674660079287231f2a61679b406d492080 Mon Sep 17 00:00:00 2001
From: guy <guy@finereport.com>
Date: Mon, 21 Mar 2022 10:30:12 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E6=94=AF=E6=8C=81align?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/core/wrapper/layout/layout.table.js | 28 ++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/core/wrapper/layout/layout.table.js b/src/core/wrapper/layout/layout.table.js
index 23c2330fd..6352672c2 100644
--- a/src/core/wrapper/layout/layout.table.js
+++ b/src/core/wrapper/layout/layout.table.js
@@ -8,9 +8,11 @@ BI.TableLayout = BI.inherit(BI.Layout, {
     props: function () {
         return BI.extend(BI.TableLayout.superclass.props.apply(this, arguments), {
             baseCls: "bi-t",
-            scrolly: true,
+            // scrolly: true,
             columnSize: [],
             rowSize: [],
+            horizontalAlign: BI.HorizontalAlign.Stretch,
+            verticalAlign: BI.VerticalAlign.Stretch,
             // rowSize: 30,  // or [30,30,30]
             hgap: 0,
             vgap: 0,
@@ -25,7 +27,7 @@ BI.TableLayout = BI.inherit(BI.Layout, {
         }) : o.items;
 
         var columnSize = o.columnSize.length > 0 ? o.columnSize : BI.range(items[0].length).fill("");
-        
+
         if (columnSize.length > 0) {
             var template = [];
             for (var i = 0; i < columnSize.length; i++) {
@@ -43,8 +45,8 @@ BI.TableLayout = BI.inherit(BI.Layout, {
                     return self._optimiseGap(size);
                 }).join(" ") : BI.range(o.items.length).fill(this._optimiseGap(o.rowSize)).join(" "),
                 "grid-row-gap": this._optimiseGap(o.vgap),
-                "grid-column-gap": this._optimiseGap(o.hgap),
-            })
+                "grid-column-gap": this._optimiseGap(o.hgap)
+            });
         }
         return {
             type: "bi.default",
@@ -57,6 +59,7 @@ BI.TableLayout = BI.inherit(BI.Layout, {
 
     _formatItems: function (items) {
         var o = this.options;
+
         function firstElement (item, row, col) {
             if (row === 0) {
                 item.addClass("first-row");
@@ -95,14 +98,25 @@ BI.TableLayout = BI.inherit(BI.Layout, {
                 return firstObject(item, row, col);
             }
         }
+
+        function wrapLayout (item) {
+            return {
+                type: "bi.horizontal_fill",
+                columnSize: ["fill"],
+                horizontalAlign: o.horizontalAlign,
+                verticalAlign: o.verticalAlign,
+                items: [BI.formatEL(item)]
+            };
+        }
+
         return BI.reduce(items, function (row, result, i) {
             return result.concat(BI.map(row, function (j, item) {
                 if (BI.isEmpty(item)) {
-                    return {
+                    return first(wrapLayout({
                         type: "bi.layout"
-                    }
+                    }), i, j);
                 }
-                return first(item, i, j);
+                return first(wrapLayout(item), i, j);
             }));
         }, []);
     },