新增布局

changelog.md

@@ -1,5 +1,6 @@
 # 更新日志
 2.0(2021-07)
+- 新增bi.horizontal_fill、bi.vertical_fill布局
 - 增加module定义插件版本号
 - bubble使用popper.js实现
 - 优化了日期类型控件标红时的报错提示

src/core/platform/web/config.js

@@ -90,6 +90,27 @@ BI.prepares.push(function () {
         return BI.extend({}, ob, {type: "bi.inline_horizontal_adapt"});
     });
 
+    BI.Plugin.configWidget("bi.horizontal_fill", function (ob) {
+        if (isSupportFlex()) {
+            return BI.extend({
+                horizontalAlign: BI.HorizontalAlign.Stretch,
+                verticalAlign: BI.VerticalAlign.Stretch,
+                scrollx: false
+            }, ob, {type: "bi.flex_horizontal"});
+        }
+        return BI.extend({}, ob, {type: "bi.htape"});
+    });
+    BI.Plugin.configWidget("bi.vertical_fill", function (ob) {
+        if (isSupportFlex()) {
+            return BI.extend({
+                horizontalAlign: BI.HorizontalAlign.Stretch,
+                verticalAlign: BI.VerticalAlign.Stretch,
+                scrolly: false
+            }, ob, {type: "bi.flex_vertical"});
+        }
+        return BI.extend({}, ob, {type: "bi.vtape"});
+    });
+
     BI.Plugin.configWidget("bi.left_right_vertical_adapt", function (ob) {
         if (isSupportFlex()) {
             // IE下其实也是可以使用flex布局的，只要排除掉出现滚动条的情况

src/core/wrapper/layout/fill/fill.horizontal.js

@@ -0,0 +1,6 @@
+/**
+ * 横向填满布局
+ */
+BI.HorizontalFillLayout = function () {
+};
+BI.shortcut("bi.horizontal_fill", BI.HorizontalFillLayout);

src/core/wrapper/layout/fill/vertical.fill.js

@@ -0,0 +1,6 @@
+/**
+ * 纵向填满布局
+ */
+BI.VerticalFillLayout = function () {
+};
+BI.shortcut("bi.vertical_fill", BI.VerticalFillLayout);