From c5a983481c82e6520731bebc84bdd6b21bd27e4f Mon Sep 17 00:00:00 2001 From: dailer Date: Tue, 20 Jun 2023 09:45:51 +0800 Subject: [PATCH] update isSupportSticky() --- src/core/platform/web/config.js | 58 ++++++++++++++++----------------- 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/src/core/platform/web/config.js b/src/core/platform/web/config.js index 3c13020a2..b6739ecc2 100644 --- a/src/core/platform/web/config.js +++ b/src/core/platform/web/config.js @@ -1,24 +1,24 @@ // 工程配置 -!(function () { +!(function() { // 注册布局 // adapt类布局优先级规则 // 1、支持flex的浏览器下使用flex布局 // 2、不支持flex的浏览器下使用inline布局 // 3、当列宽既需要自动列宽又需要自适应列宽时，inline布局也处理不了了。当横向出滚动条时使用table布局，不出滚动条时使用float布局 var _isSupportFlex, _isSupportGrid, _isSupportSticky; - var isSupportFlex = function () { + var isSupportFlex = function() { if (_isSupportFlex == null) { _isSupportFlex = !!(BI.isSupportCss3 && BI.isSupportCss3("flex")); } return _isSupportFlex; }; - var isSupportGrid = function () { + var isSupportGrid = function() { if (_isSupportGrid == null) { _isSupportGrid = !!(BI.isSupportCss3 && BI.isSupportCss3("grid")); } return _isSupportGrid; }; - var innerSupportSticky = function () { + var innerSupportSticky = function() { var vendorList = ["", "-webkit-", "-ms-", "-moz-", "-o-"], vendorListLength = vendorList.length, stickyElement = document.createElement("div"); @@ -31,13 +31,13 @@ return false; }; // 判断浏览器是否支持sticky 属性 - var isSupportSticky = function () { + var isSupportSticky = function() { if (_isSupportSticky == null) { _isSupportSticky = innerSupportSticky(); } return _isSupportSticky; }; - BI.Plugin.configWidget("bi.horizontal", function (ob) { + BI.Plugin.configWidget("bi.horizontal", function(ob) { var supportFlex = isSupportFlex(); // // 在横向自适应场景下我们需要使用table的自适应撑出滚动条的特性（flex处理不了这种情况） // // 主要出现在center_adapt或者horizontal_adapt的场景，或者主动设置horizontalAlign的场景 @@ -51,7 +51,7 @@ scrollx: true }, ob, { type: "bi.inline" }); }); - BI.Plugin.configWidget("bi.vertical", function (ob) { + BI.Plugin.configWidget("bi.vertical", function(ob) { if (ob.horizontalAlign === BI.HorizontalAlign.Left || ob.horizontalAlign === BI.HorizontalAlign.Right) { if (isSupportFlex()) { return BI.extend({}, ob, { type: "bi.flex_vertical" }); @@ -59,7 +59,7 @@ return BI.extend({}, ob, { horizontalAlign: BI.HorizontalAlign.Stretch, type: "bi.vertical", - items: BI.map(ob.items, function (i, item) { + items: BI.map(ob.items, function(i, item) { return { type: "bi.inline", horizontalAlign: ob.horizontalAlign, @@ -77,7 +77,7 @@ } return ob; }); - BI.Plugin.configWidget("bi.inline", function (ob) { + BI.Plugin.configWidget("bi.inline", function(ob) { // 当列宽既需要自动列宽又需要自适应列宽时，inline布局也处理不了了，降级table处理吧 var hasAutoAndFillColumnSize = false; if (ob.columnSize && ob.columnSize.length > 0) { @@ -86,7 +86,7 @@ } } else { var hasAuto = false, hasFill = false; - BI.each(ob.items, function (i, item) { + BI.each(ob.items, function(i, item) { if (item.width === "fill") { hasFill = true; } else if (BI.isNull(item.width) || item.width === "" || item.width === "auto") { @@ -112,7 +112,7 @@ } return ob; }); - BI.Plugin.configWidget("bi.center_adapt", function (ob) { + BI.Plugin.configWidget("bi.center_adapt", function(ob) { var supportFlex = isSupportFlex(); // var isAdapt = !ob.horizontalAlign || ob.horizontalAlign === BI.HorizontalAlign.Center || ob.horizontalAlign === BI.HorizontalAlign.Stretch; // if (!isAdapt || justOneItem) { @@ -123,7 +123,7 @@ // } // return ob; }); - BI.Plugin.configWidget("bi.vertical_adapt", function (ob) { + BI.Plugin.configWidget("bi.vertical_adapt", function(ob) { var supportFlex = isSupportFlex(); // var isAdapt = ob.horizontalAlign === BI.HorizontalAlign.Center || ob.horizontalAlign === BI.HorizontalAlign.Stretch; // if (!isAdapt || justOneItem) { @@ -134,7 +134,7 @@ // } // return ob; }); - BI.Plugin.configWidget("bi.horizontal_adapt", function (ob) { + BI.Plugin.configWidget("bi.horizontal_adapt", function(ob) { var justOneItem = (ob.items && ob.items.length <= 1); var isAdapt = !ob.horizontalAlign || ob.horizontalAlign === BI.HorizontalAlign.Center || ob.horizontalAlign === BI.HorizontalAlign.Stretch; var verticalAlignTop = !ob.verticalAlign || ob.verticalAlign === BI.VerticalAlign.TOP; @@ -159,7 +159,7 @@ horizontalAlign: BI.HorizontalAlign.Center }, ob, { type: "bi.table_adapt" }); }); - BI.Plugin.configWidget("bi.horizontal_float", function (ob) { + BI.Plugin.configWidget("bi.horizontal_float", function(ob) { if (isSupportFlex()) { return BI.extend({}, ob, { type: "bi.flex_horizontal_adapt" }); } @@ -169,7 +169,7 @@ return ob; }); - BI.Plugin.configWidget("bi.horizontal_fill", function (ob) { + BI.Plugin.configWidget("bi.horizontal_fill", function(ob) { if (isSupportFlex()) { return BI.extend({ horizontalAlign: BI.HorizontalAlign.Stretch, @@ -186,7 +186,7 @@ } return BI.extend({}, ob, { type: "bi.horizontal_float_fill" }); }); - BI.Plugin.configWidget("bi.vertical_fill", function (ob) { + BI.Plugin.configWidget("bi.vertical_fill", function(ob) { if (isSupportFlex()) { return BI.extend({ horizontalAlign: BI.HorizontalAlign.Stretch, @@ -198,7 +198,7 @@ // 有滚动条，降级到table布局处理 return BI.extend({}, ob, { type: "bi.td", - items: BI.map(ob.items, function (i, item) { + items: BI.map(ob.items, function(i, item) { return [item]; }) }); @@ -209,7 +209,7 @@ hasAuto = true; } } else { - BI.each(ob.items, function (i, item) { + BI.each(ob.items, function(i, item) { if (BI.isNull(item.height) || item.height === "") { hasAuto = true; } @@ -221,18 +221,18 @@ } return BI.extend({}, ob, { type: "bi.vtape" }); }); - BI.Plugin.configWidget("bi.horizontal_sticky", function (ob) { - if (!isSupportSticky) { + BI.Plugin.configWidget("bi.horizontal_sticky", function(ob) { + if (!isSupportSticky()) { return BI.extend({ scrollx: true }, ob, { type: "bi.horizontal_fill" }); } }); - BI.Plugin.configWidget("bi.vertical_sticky", function (ob) { - if (!isSupportSticky) { + BI.Plugin.configWidget("bi.vertical_sticky", function(ob) { + if (!isSupportSticky()) { return BI.extend({ scrolly: true }, ob, { type: "bi.vertical_fill" }); } }); - BI.Plugin.configWidget("bi.left_right_vertical_adapt", function (ob) { + BI.Plugin.configWidget("bi.left_right_vertical_adapt", function(ob) { if (isSupportFlex()) { // IE下其实也是可以使用flex布局的，只要排除掉出现滚动条的情况 // if (!BI.isIE() || (ob.scrollable !== true && ob.scrolly !== true)) { @@ -241,7 +241,7 @@ } return ob; }); - BI.Plugin.configWidget("bi.flex_horizontal", function (ob) { + BI.Plugin.configWidget("bi.flex_horizontal", function(ob) { if (ob.scrollable === true || ob.scrollx === true || ob.scrolly === true) { if (ob.hgap > 0 || ob.lgap > 0 || ob.rgap > 0) { if (BI.Providers.getProvider("bi.provider.system").getResponsiveMode()) { @@ -254,7 +254,7 @@ return BI.extend({}, ob, { type: "bi.responsive_flex_horizontal" }); } }); - BI.Plugin.configWidget("bi.flex_vertical", function (ob) { + BI.Plugin.configWidget("bi.flex_vertical", function(ob) { if (ob.scrollable === true || ob.scrollx === true || ob.scrolly === true) { if (ob.hgap > 0 || ob.lgap > 0 || ob.rgap > 0) { return BI.extend({}, ob, { type: "bi.flex_scrollable_vertical" }); @@ -262,28 +262,28 @@ } }); - BI.Plugin.configWidget("bi.table", function (ob) { + BI.Plugin.configWidget("bi.table", function(ob) { if (!isSupportGrid()) { return BI.extend({}, ob, { type: "bi.td" }); } return ob; }); - BI.Plugin.configWidget("bi.radio", function (ob) { + BI.Plugin.configWidget("bi.radio", function(ob) { if (BI.isIE() && BI.getIEVersion() <= 9) { return BI.extend({}, ob, { type: "bi.image_radio" }); } return ob; }); - BI.Plugin.configWidget("bi.checkbox", function (ob) { + BI.Plugin.configWidget("bi.checkbox", function(ob) { if (BI.isIE() && BI.getIEVersion() <= 9) { return BI.extend({}, ob, { type: "bi.image_checkbox" }); } return ob; }); - BI.Plugin.configWidget("bi.half_icon_button", function (ob) { + BI.Plugin.configWidget("bi.half_icon_button", function(ob) { if (BI.isIE() && BI.getIEVersion() < 9) { return ob; }