整理

bi/base.js

@@ -599,7 +599,7 @@ BI.BasicButton = BI.inherit(BI.Single, {
             stopPropagation: false,
             selected: false,
             once: false, //点击一次选中有效,再点无效
-            forceSelected: false, //点击即选中， 选中了就不会被取消
+            forceSelected: false, //点击即选中, 选中了就不会被取消,与once的区别是forceSelected不影响事件的触发
             forceNotSelected: false, //无论怎么点击都不会被选中
             disableSelected: false, //使能选中
 

bi/core.css

@@ -3063,6 +3063,16 @@ i {
 .bi-theme-dark .bi-resizer {
   background: #ffffff;
 }
+.bi-mask {
+  color: #ffffff;
+  background-color: rgba(26, 26, 26, 0.2);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#331a1a1a,endColorstr=#331a1a1a);
+}
+.bi-theme-dark .bi-mask {
+  color: #242640;
+  background-color: rgba(255, 255, 255, 0.2);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
+}
 .bi-z-index-mask {
   color: #ffffff;
   background-color: rgba(26, 26, 26, 0.5);

bi/widget.js

@@ -945,7 +945,7 @@ BI.ArrangementBlock = BI.inherit(BI.Widget, {
 
     _defaultConfig: function () {
         return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), {
-            baseCls: "bi-arrangement-block bi-resizer"
+            baseCls: "bi-arrangement-block bi-mask"
         });
     },
 

docs/base.js

@@ -599,7 +599,7 @@ BI.BasicButton = BI.inherit(BI.Single, {
             stopPropagation: false,
             selected: false,
             once: false, //点击一次选中有效,再点无效
-            forceSelected: false, //点击即选中， 选中了就不会被取消
+            forceSelected: false, //点击即选中, 选中了就不会被取消,与once的区别是forceSelected不影响事件的触发
             forceNotSelected: false, //无论怎么点击都不会被选中
             disableSelected: false, //使能选中
 

docs/core.css

@@ -3063,6 +3063,16 @@ i {
 .bi-theme-dark .bi-resizer {
   background: #ffffff;
 }
+.bi-mask {
+  color: #ffffff;
+  background-color: rgba(26, 26, 26, 0.2);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#331a1a1a,endColorstr=#331a1a1a);
+}
+.bi-theme-dark .bi-mask {
+  color: #242640;
+  background-color: rgba(255, 255, 255, 0.2);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
+}
 .bi-z-index-mask {
   color: #ffffff;
   background-color: rgba(26, 26, 26, 0.5);

docs/widget.js

@@ -945,7 +945,7 @@ BI.ArrangementBlock = BI.inherit(BI.Widget, {
 
     _defaultConfig: function () {
         return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), {
-            baseCls: "bi-arrangement-block bi-resizer"
+            baseCls: "bi-arrangement-block bi-mask"
         });
     },
 

src/base/single/button/button.basic.js

@@ -16,7 +16,7 @@ BI.BasicButton = BI.inherit(BI.Single, {
             stopPropagation: false,
             selected: false,
             once: false, //点击一次选中有效,再点无效
-            forceSelected: false, //点击即选中， 选中了就不会被取消
+            forceSelected: false, //点击即选中, 选中了就不会被取消,与once的区别是forceSelected不影响事件的触发
             forceNotSelected: false, //无论怎么点击都不会被选中
             disableSelected: false, //使能选中
 

src/css/core/utils/common.css

@@ -110,6 +110,16 @@
 .bi-theme-dark .bi-resizer {
   background: #ffffff;
 }
+.bi-mask {
+  color: #ffffff;
+  background-color: rgba(26, 26, 26, 0.2);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#331a1a1a,endColorstr=#331a1a1a);
+}
+.bi-theme-dark .bi-mask {
+  color: #242640;
+  background-color: rgba(255, 255, 255, 0.2);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
+}
 .bi-z-index-mask {
   color: #ffffff;
   background-color: rgba(26, 26, 26, 0.5);

src/less/core/utils/common.less

@@ -157,6 +157,18 @@
   }
 }
 
+.bi-mask {
+  color: @color-bi-background-default;
+  .background-color(@color-bi-background-black, 20%);
+}
+
+.bi-theme-dark {
+  .bi-mask {
+    color: @color-bi-background-default-theme-dark;
+    .background-color(@color-bi-background-default, 20%);
+  }
+}
+
 .bi-z-index-mask {
   color: @color-bi-background-default;
   .background-color(@color-bi-background-black, 50%);

src/widget/arrangement/arrangement.block.js

@@ -9,7 +9,7 @@ BI.ArrangementBlock = BI.inherit(BI.Widget, {
 
     _defaultConfig: function () {
         return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), {
-            baseCls: "bi-arrangement-block bi-resizer"
+            baseCls: "bi-arrangement-block bi-mask"
         });
     },