BI-27040 icon_text_value_combo支持标红与深色系问题

demo/js/case/combo/demo.icon_text_value_combo.js

@@ -13,7 +13,6 @@ Demo.IconTextValueCombo = BI.inherit(BI.Widget, {
                 type: "bi.icon_text_value_combo",
                 text: "默认值",
                 // defaultIconCls: "next-page-h-font",
-                value: 1,
                 width: 300,
                 iconHeight: 16,
                 iconWidth: 16,

demo/js/case/demo.click.effect.js

@@ -0,0 +1,37 @@
+Demo.Func = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-func"
+    },
+
+    render: function () {
+        return {
+            type: "bi.vertical",
+            items: BI.createItems([{
+                text: "bi-list-item",
+                cls: "bi-list-item"
+            }, {
+                text: "bi-list-item-simple",
+                cls: "bi-list-item-simple"
+            }, {
+                text: "bi-list-item-effect",
+                cls: "bi-list-item-effect"
+            }, {
+                text: "bi-list-item-active",
+                cls: "bi-list-item-active"
+            }, {
+                text: "bi-list-item-active2",
+                cls: "bi-list-item-active2"
+            }, {
+                text: "bi-list-item-active3",
+                cls: "bi-list-item-active3"
+            }, {
+                text: "bi-list-item-select",
+                cls: "bi-list-item-select"
+            }], {
+                type: "bi.text_item"
+            }),
+            vgap: 10
+        };
+    }
+});
+BI.shortcut("demo.click_item_effect", Demo.Func);

demo/js/config/case.js

@@ -230,4 +230,8 @@ Demo.CASE_CONFIG = [{
     pId: 3,
     text: "bi.segment",
     value: "demo.segment"
+}, {
+    pId: 3,
+    text: "点击项样式查看",
+    value: "demo.click_item_effect"
 }];

dist/base.css

@@ -188,6 +188,10 @@
   display: none;
 }
 
+.bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label {
+  color: #ff4949;
+}
+
 .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
   color: #ff4949;
 }
@@ -806,14 +810,14 @@ li.CodeMirror-hint-active {
 }
 .bi-segment > .first-element {
   border-left: 1px solid #3685f2;
-  -webkit-border-radius: 6px 0px 0px 6px;
+  -webkit-border-radius: 2px 0px 0px 2px;
-  -moz-border-radius: 6px 0px 0px 6px;
+  -moz-border-radius: 2px 0px 0px 2px;
-  border-radius: 6px 0px 0px 6px;
+  border-radius: 2px 0px 0px 2px;
 }
 .bi-segment > .last-element {
-  -webkit-border-radius: 0px 6px 6px 0px;
+  -webkit-border-radius: 0px 2px 2px 0px;
-  -moz-border-radius: 0px 6px 6px 0px;
+  -moz-border-radius: 0px 2px 2px 0px;
-  border-radius: 0px 6px 6px 0px;
+  border-radius: 0px 2px 2px 0px;
 }
 .bi-segment.disabled > .center-element,
 .bi-segment.disabled > .first-element {

dist/base.js

@@ -342,7 +342,7 @@ BI.Single = BI.inherit(BI.Widget, {
             warningTitle: null,
             tipType: null, // success或warning
             value: null,
-            belowMouse: false   // title是否跟随鼠标
+            belowMouse: false   // title是否跟随鼠标,
         });
     },
 
@@ -353,6 +353,10 @@ BI.Single = BI.inherit(BI.Widget, {
         var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
         if (BI.isKey(title)) {
             BI.Tooltips.show(e, this.getName(), title, type, this, opt);
+            if (opt.action) {
+                BI.Actions.runAction(opt.action, "hover", opt, title);
+            }
+            BI.Actions.runGlobalAction("hover", opt, title);
         }
     },
 
@@ -905,9 +909,9 @@ BI.BasicButton = BI.inherit(BI.Single, {
             this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this);
             this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this);
             if (o.action) {
-                BI.Actions.runAction(o.action, o);
+                BI.Actions.runAction(o.action, "click", o);
             }
-            BI.Actions.runGlobalAction(o);
+            BI.Actions.runGlobalAction("click", o);
         }
     },
 

dist/bundle.css

@@ -1979,6 +1979,10 @@ textarea {
   display: none;
 }
 
+.bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label {
+  color: #ff4949;
+}
+
 .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
   color: #ff4949;
 }
@@ -2597,14 +2601,14 @@ li.CodeMirror-hint-active {
 }
 .bi-segment > .first-element {
   border-left: 1px solid #3685f2;
-  -webkit-border-radius: 6px 0px 0px 6px;
+  -webkit-border-radius: 2px 0px 0px 2px;
-  -moz-border-radius: 6px 0px 0px 6px;
+  -moz-border-radius: 2px 0px 0px 2px;
-  border-radius: 6px 0px 0px 6px;
+  border-radius: 2px 0px 0px 2px;
 }
 .bi-segment > .last-element {
-  -webkit-border-radius: 0px 6px 6px 0px;
+  -webkit-border-radius: 0px 2px 2px 0px;
-  -moz-border-radius: 0px 6px 6px 0px;
+  -moz-border-radius: 0px 2px 2px 0px;
-  border-radius: 0px 6px 6px 0px;
+  border-radius: 0px 2px 2px 0px;
 }
 .bi-segment.disabled > .center-element,
 .bi-segment.disabled > .first-element {
@@ -4537,9 +4541,14 @@ textarea::-webkit-scrollbar-thumb:hover {
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/auto_color_normal.png');
   _background: none;
 }
+.auto-color-normal-disabled-background {
+  background: url('https://fanruan.coding.me/fineui/dist/images/1x/background/auto_color_normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/auto_color_normal.png');
+  _background: none;
+}
 .trans-color-background {
-  background: url('https://fanruan.coding.me/fineui/dist/images/1x/background/trans_color.png') no-repeat center center;
+  background: url('https://fanruan.coding.me/fineui/dist/images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/trans_color.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/trans_normal.png');
   _background: none;
 }
 @font-face {
@@ -4767,7 +4776,7 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 .dot-e-font .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
@@ -4780,11 +4789,11 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
-  color: #232e40;
+  color: #3685f2;
 }
 .dot-e-font.disabled .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .pull-right-font .b-font {
   font-size: 16px;

dist/bundle.js

@@ -28916,10 +28916,10 @@ BI.extend(BI.DOM, {
     };
 
     BI.Actions = {
-        runAction: function (type, config) {
+        runAction: function (type, event, config) {
             BI.each(actions[type], function (i, act) {
                 try {
-                    act(config);
+                    act(event, config);
                 } catch (e) {
                     console.error(e);
                 }
@@ -36147,7 +36147,7 @@ BI.Single = BI.inherit(BI.Widget, {
             warningTitle: null,
             tipType: null, // success或warning
             value: null,
-            belowMouse: false   // title是否跟随鼠标
+            belowMouse: false   // title是否跟随鼠标,
         });
     },
 
@@ -36158,6 +36158,10 @@ BI.Single = BI.inherit(BI.Widget, {
         var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
         if (BI.isKey(title)) {
             BI.Tooltips.show(e, this.getName(), title, type, this, opt);
+            if (opt.action) {
+                BI.Actions.runAction(opt.action, "hover", opt, title);
+            }
+            BI.Actions.runGlobalAction("hover", opt, title);
         }
     },
 
@@ -36710,9 +36714,9 @@ BI.BasicButton = BI.inherit(BI.Single, {
             this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this);
             this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this);
             if (o.action) {
-                BI.Actions.runAction(o.action, o);
+                BI.Actions.runAction(o.action, "click", o);
             }
-            BI.Actions.runGlobalAction(o);
+            BI.Actions.runGlobalAction("click", o);
         }
     },
 
@@ -77177,15 +77181,30 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
     },
 
     _showPreColor: function (color) {
-        if (color === "") {
+        if(this.isEnabled()) {
-            this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
+            if (color === "") {
-        } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
-            this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            } else {
+                this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            }
         } else {
-            this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            if (color === "") {
+                this.colorShow.element.css("background-color", "").removeClass("trans-color-disabled-background").addClass("auto-color-normal-disabled-background");
+            } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-disabled-background").addClass("trans-color-disabled-background");
+            } else {
+                this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-disabled-background").removeClass("trans-color-disabled-background");
+            }
         }
     },
 
+    _setEnable: function (enable) {
+        BI.ColorPickerEditor.superclass._setEnable.apply(this, arguments);
+        this.mask.setVisible(!enable);
+    },
+
     setValue: function (color) {
         if (color === "transparent") {
             this.transparent.setSelected(true);
@@ -78467,7 +78486,7 @@ BI.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/**
 BI.IconTextValueCombo = BI.inherit(BI.Widget, {
     _defaultConfig: function () {
         return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), {
-            baseClass: "bi-icon-text-value-combo",
+            baseCls: "bi-icon-text-value-combo",
             height: 24,
             iconHeight: null,
             iconWidth: null,
@@ -78518,9 +78537,24 @@ BI.IconTextValueCombo = BI.inherit(BI.Widget, {
         }
     },
 
+    _checkError: function (v) {
+        if(BI.isNotNull(v)) {
+            v = BI.isArray(v) ? v : [v];
+            var result = BI.find(this.options.items, function (idx, item) {
+                return BI.contains(v, item.value);
+            });
+            if (BI.isNull(result)) {
+                this.element.removeClass("combo-error").addClass("combo-error");
+            } else {
+                this.element.removeClass("combo-error");
+            }
+        }
+    },
+
     setValue: function (v) {
         this.trigger.setValue(v);
         this.popup.setValue(v);
+        this._checkError(v);
     },
 
     getValue: function () {
@@ -87399,6 +87433,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, {
         var self = this, o = this.options, c = this._const;
         this.text = BI.createWidget({
             type: "bi.label",
+            cls: "select-text-label",
             textAlign: "left",
             height: o.height,
             text: o.text,

dist/case.js

@@ -4617,15 +4617,30 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
     },
 
     _showPreColor: function (color) {
-        if (color === "") {
+        if(this.isEnabled()) {
-            this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
+            if (color === "") {
-        } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
-            this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            } else {
+                this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            }
         } else {
-            this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            if (color === "") {
+                this.colorShow.element.css("background-color", "").removeClass("trans-color-disabled-background").addClass("auto-color-normal-disabled-background");
+            } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-disabled-background").addClass("trans-color-disabled-background");
+            } else {
+                this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-disabled-background").removeClass("trans-color-disabled-background");
+            }
         }
     },
 
+    _setEnable: function (enable) {
+        BI.ColorPickerEditor.superclass._setEnable.apply(this, arguments);
+        this.mask.setVisible(!enable);
+    },
+
     setValue: function (color) {
         if (color === "transparent") {
             this.transparent.setSelected(true);
@@ -5907,7 +5922,7 @@ BI.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/**
 BI.IconTextValueCombo = BI.inherit(BI.Widget, {
     _defaultConfig: function () {
         return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), {
-            baseClass: "bi-icon-text-value-combo",
+            baseCls: "bi-icon-text-value-combo",
             height: 24,
             iconHeight: null,
             iconWidth: null,
@@ -5958,9 +5973,24 @@ BI.IconTextValueCombo = BI.inherit(BI.Widget, {
         }
     },
 
+    _checkError: function (v) {
+        if(BI.isNotNull(v)) {
+            v = BI.isArray(v) ? v : [v];
+            var result = BI.find(this.options.items, function (idx, item) {
+                return BI.contains(v, item.value);
+            });
+            if (BI.isNull(result)) {
+                this.element.removeClass("combo-error").addClass("combo-error");
+            } else {
+                this.element.removeClass("combo-error");
+            }
+        }
+    },
+
     setValue: function (v) {
         this.trigger.setValue(v);
         this.popup.setValue(v);
+        this._checkError(v);
     },
 
     getValue: function () {
@@ -14839,6 +14869,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, {
         var self = this, o = this.options, c = this._const;
         this.text = BI.createWidget({
             type: "bi.label",
+            cls: "select-text-label",
             textAlign: "left",
             height: o.height,
             text: o.text,

dist/core.js

@@ -28916,10 +28916,10 @@ BI.extend(BI.DOM, {
     };
 
     BI.Actions = {
-        runAction: function (type, config) {
+        runAction: function (type, event, config) {
             BI.each(actions[type], function (i, act) {
                 try {
-                    act(config);
+                    act(event, config);
                 } catch (e) {
                     console.error(e);
                 }

dist/demo.js

@@ -2030,7 +2030,6 @@ Demo.IconTextValueCombo = BI.inherit(BI.Widget, {
                 type: "bi.icon_text_value_combo",
                 text: "默认值",
                 // defaultIconCls: "next-page-h-font",
-                value: 1,
                 width: 300,
                 iconHeight: 16,
                 iconWidth: 16,
@@ -2382,6 +2381,42 @@ BI.shortcut("demo.calendar", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
         baseCls: "demo-func"
     },
 
+    render: function () {
+        return {
+            type: "bi.vertical",
+            items: BI.createItems([{
+                text: "bi-list-item",
+                cls: "bi-list-item"
+            }, {
+                text: "bi-list-item-simple",
+                cls: "bi-list-item-simple"
+            }, {
+                text: "bi-list-item-effect",
+                cls: "bi-list-item-effect"
+            }, {
+                text: "bi-list-item-active",
+                cls: "bi-list-item-active"
+            }, {
+                text: "bi-list-item-active2",
+                cls: "bi-list-item-active2"
+            }, {
+                text: "bi-list-item-active3",
+                cls: "bi-list-item-active3"
+            }, {
+                text: "bi-list-item-select",
+                cls: "bi-list-item-select"
+            }], {
+                type: "bi.text_item"
+            }),
+            vgap: 10
+        };
+    }
+});
+BI.shortcut("demo.click_item_effect", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-func"
+    },
+
     render: function () {
         var editor = BI.createWidget({
             type: "bi.text_editor",
@@ -5408,6 +5443,10 @@ BI.shortcut("demo.value_chooser_pane", Demo.ValueChooserPane);Demo.BASE_CONFIG =
     pId: 3,
     text: "bi.segment",
     value: "demo.segment"
+}, {
+    pId: 3,
+    text: "点击项样式查看",
+    value: "demo.click_item_effect"
 }];Demo.CATEGORY_CONFIG = [{
     id: 100000,
     text: "专题"

dist/fineui.css

@@ -1979,6 +1979,10 @@ textarea {
   display: none;
 }
 
+.bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label {
+  color: #ff4949;
+}
+
 .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
   color: #ff4949;
 }
@@ -2597,14 +2601,14 @@ li.CodeMirror-hint-active {
 }
 .bi-segment > .first-element {
   border-left: 1px solid #3685f2;
-  -webkit-border-radius: 6px 0px 0px 6px;
+  -webkit-border-radius: 2px 0px 0px 2px;
-  -moz-border-radius: 6px 0px 0px 6px;
+  -moz-border-radius: 2px 0px 0px 2px;
-  border-radius: 6px 0px 0px 6px;
+  border-radius: 2px 0px 0px 2px;
 }
 .bi-segment > .last-element {
-  -webkit-border-radius: 0px 6px 6px 0px;
+  -webkit-border-radius: 0px 2px 2px 0px;
-  -moz-border-radius: 0px 6px 6px 0px;
+  -moz-border-radius: 0px 2px 2px 0px;
-  border-radius: 0px 6px 6px 0px;
+  border-radius: 0px 2px 2px 0px;
 }
 .bi-segment.disabled > .center-element,
 .bi-segment.disabled > .first-element {
@@ -4537,9 +4541,14 @@ textarea::-webkit-scrollbar-thumb:hover {
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png');
   _background: none;
 }
+.auto-color-normal-disabled-background {
+  background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png');
+  _background: none;
+}
 .trans-color-background {
-  background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_color.png') no-repeat center center;
+  background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/trans_color.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/trans_normal.png');
   _background: none;
 }
 @font-face {
@@ -4767,7 +4776,7 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 .dot-e-font .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
@@ -4780,11 +4789,11 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
-  color: #232e40;
+  color: #3685f2;
 }
 .dot-e-font.disabled .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .pull-right-font .b-font {
   font-size: 16px;

dist/fineui.js

@@ -29165,10 +29165,10 @@ BI.extend(BI.DOM, {
     };
 
     BI.Actions = {
-        runAction: function (type, config) {
+        runAction: function (type, event, config) {
             BI.each(actions[type], function (i, act) {
                 try {
-                    act(config);
+                    act(event, config);
                 } catch (e) {
                     console.error(e);
                 }
@@ -36396,7 +36396,7 @@ BI.Single = BI.inherit(BI.Widget, {
             warningTitle: null,
             tipType: null, // success或warning
             value: null,
-            belowMouse: false   // title是否跟随鼠标
+            belowMouse: false   // title是否跟随鼠标,
         });
     },
 
@@ -36407,6 +36407,10 @@ BI.Single = BI.inherit(BI.Widget, {
         var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
         if (BI.isKey(title)) {
             BI.Tooltips.show(e, this.getName(), title, type, this, opt);
+            if (opt.action) {
+                BI.Actions.runAction(opt.action, "hover", opt, title);
+            }
+            BI.Actions.runGlobalAction("hover", opt, title);
         }
     },
 
@@ -36959,9 +36963,9 @@ BI.BasicButton = BI.inherit(BI.Single, {
             this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this);
             this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this);
             if (o.action) {
-                BI.Actions.runAction(o.action, o);
+                BI.Actions.runAction(o.action, "click", o);
             }
-            BI.Actions.runGlobalAction(o);
+            BI.Actions.runGlobalAction("click", o);
         }
     },
 
@@ -77426,15 +77430,30 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
     },
 
     _showPreColor: function (color) {
-        if (color === "") {
+        if(this.isEnabled()) {
-            this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
+            if (color === "") {
-        } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
-            this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            } else {
+                this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            }
         } else {
-            this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            if (color === "") {
+                this.colorShow.element.css("background-color", "").removeClass("trans-color-disabled-background").addClass("auto-color-normal-disabled-background");
+            } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-disabled-background").addClass("trans-color-disabled-background");
+            } else {
+                this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-disabled-background").removeClass("trans-color-disabled-background");
+            }
         }
     },
 
+    _setEnable: function (enable) {
+        BI.ColorPickerEditor.superclass._setEnable.apply(this, arguments);
+        this.mask.setVisible(!enable);
+    },
+
     setValue: function (color) {
         if (color === "transparent") {
             this.transparent.setSelected(true);
@@ -78716,7 +78735,7 @@ BI.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/**
 BI.IconTextValueCombo = BI.inherit(BI.Widget, {
     _defaultConfig: function () {
         return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), {
-            baseClass: "bi-icon-text-value-combo",
+            baseCls: "bi-icon-text-value-combo",
             height: 24,
             iconHeight: null,
             iconWidth: null,
@@ -78767,9 +78786,24 @@ BI.IconTextValueCombo = BI.inherit(BI.Widget, {
         }
     },
 
+    _checkError: function (v) {
+        if(BI.isNotNull(v)) {
+            v = BI.isArray(v) ? v : [v];
+            var result = BI.find(this.options.items, function (idx, item) {
+                return BI.contains(v, item.value);
+            });
+            if (BI.isNull(result)) {
+                this.element.removeClass("combo-error").addClass("combo-error");
+            } else {
+                this.element.removeClass("combo-error");
+            }
+        }
+    },
+
     setValue: function (v) {
         this.trigger.setValue(v);
         this.popup.setValue(v);
+        this._checkError(v);
     },
 
     getValue: function () {
@@ -87648,6 +87682,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, {
         var self = this, o = this.options, c = this._const;
         this.text = BI.createWidget({
             type: "bi.label",
+            cls: "select-text-label",
             textAlign: "left",
             height: o.height,
             text: o.text,

dist/resource.css

@@ -319,9 +319,14 @@ textarea::-webkit-scrollbar-thumb:hover {
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
   _background: none;
 }
+.auto-color-normal-disabled-background {
+  background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
+  _background: none;
+}
 .trans-color-background {
-  background: url('images/1x/background/trans_color.png') no-repeat center center;
+  background: url('images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_color.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_normal.png');
   _background: none;
 }
 @font-face {
@@ -549,7 +554,7 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 .dot-e-font .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
@@ -562,11 +567,11 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
-  color: #232e40;
+  color: #3685f2;
 }
 .dot-e-font.disabled .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .pull-right-font .b-font {
   font-size: 16px;

public/css/background.css

@@ -248,8 +248,13 @@
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/auto_color_normal.png');
   _background: none;
 }
+.auto-color-normal-disabled-background {
+  background: url('https://fanruan.coding.me/fineui/dist/images/1x/background/auto_color_normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/auto_color_normal.png');
+  _background: none;
+}
 .trans-color-background {
-  background: url('https://fanruan.coding.me/fineui/dist/images/1x/background/trans_color.png') no-repeat center center;
+  background: url('https://fanruan.coding.me/fineui/dist/images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/trans_color.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/trans_normal.png');
   _background: none;
 }

public/css/font.css

@@ -223,7 +223,7 @@
 }
 .dot-e-font .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
@@ -236,11 +236,11 @@
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
-  color: #232e40;
+  color: #3685f2;
 }
 .dot-e-font.disabled .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .pull-right-font .b-font {
   font-size: 16px;

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

@@ -302,9 +302,9 @@ BI.BasicButton = BI.inherit(BI.Single, {
             this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this);
             this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this);
             if (o.action) {
-                BI.Actions.runAction(o.action, o);
+                BI.Actions.runAction(o.action, "click", o);
             }
-            BI.Actions.runGlobalAction(o);
+            BI.Actions.runGlobalAction("click", o);
         }
     },
 

src/base/single/single.js

@@ -19,7 +19,7 @@ BI.Single = BI.inherit(BI.Widget, {
             warningTitle: null,
             tipType: null, // success或warning
             value: null,
-            belowMouse: false   // title是否跟随鼠标
+            belowMouse: false   // title是否跟随鼠标,
         });
     },
 
@@ -30,6 +30,10 @@ BI.Single = BI.inherit(BI.Widget, {
         var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
         if (BI.isKey(title)) {
             BI.Tooltips.show(e, this.getName(), title, type, this, opt);
+            if (opt.action) {
+                BI.Actions.runAction(opt.action, "hover", opt, title);
+            }
+            BI.Actions.runGlobalAction("hover", opt, title);
         }
     },
 

src/case/colorchooser/colorpicker/editor.colorpicker.js

@@ -171,15 +171,30 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
     },
 
     _showPreColor: function (color) {
-        if (color === "") {
+        if(this.isEnabled()) {
-            this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
+            if (color === "") {
-        } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
-            this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            } else {
+                this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            }
         } else {
-            this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            if (color === "") {
+                this.colorShow.element.css("background-color", "").removeClass("trans-color-disabled-background").addClass("auto-color-normal-disabled-background");
+            } else if (color === "transparent") {
+                this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-disabled-background").addClass("trans-color-disabled-background");
+            } else {
+                this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-disabled-background").removeClass("trans-color-disabled-background");
+            }
         }
     },
 
+    _setEnable: function (enable) {
+        BI.ColorPickerEditor.superclass._setEnable.apply(this, arguments);
+        this.mask.setVisible(!enable);
+    },
+
     setValue: function (color) {
         if (color === "transparent") {
             this.transparent.setSelected(true);

src/case/combo/icontextvaluecombo/combo.icontextvalue.js

@@ -5,7 +5,7 @@
 BI.IconTextValueCombo = BI.inherit(BI.Widget, {
     _defaultConfig: function () {
         return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), {
-            baseClass: "bi-icon-text-value-combo",
+            baseCls: "bi-icon-text-value-combo",
             height: 24,
             iconHeight: null,
             iconWidth: null,
@@ -56,9 +56,24 @@ BI.IconTextValueCombo = BI.inherit(BI.Widget, {
         }
     },
 
+    _checkError: function (v) {
+        if(BI.isNotNull(v)) {
+            v = BI.isArray(v) ? v : [v];
+            var result = BI.find(this.options.items, function (idx, item) {
+                return BI.contains(v, item.value);
+            });
+            if (BI.isNull(result)) {
+                this.element.removeClass("combo-error").addClass("combo-error");
+            } else {
+                this.element.removeClass("combo-error");
+            }
+        }
+    },
+
     setValue: function (v) {
         this.trigger.setValue(v);
         this.popup.setValue(v);
+        this._checkError(v);
     },
 
     getValue: function () {

src/case/trigger/trigger.icon.text.js

@@ -25,6 +25,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, {
         var self = this, o = this.options, c = this._const;
         this.text = BI.createWidget({
             type: "bi.label",
+            cls: "select-text-label",
             textAlign: "left",
             height: o.height,
             text: o.text,

src/core/inject.js

@@ -177,10 +177,10 @@
     };
 
     BI.Actions = {
-        runAction: function (type, config) {
+        runAction: function (type, event, config) {
             BI.each(actions[type], function (i, act) {
                 try {
-                    act(config);
+                    act(event, config);
                 } catch (e) {
                     console.error(e);
                 }

src/css/base/combo/combo.css

@@ -130,6 +130,10 @@
   display: none;
 }
 
+.bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label {
+  color: #ff4949;
+}
+
 .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
   color: #ff4949;
 }

src/css/base/segment/segment.css

@@ -9,14 +9,14 @@
 }
 .bi-segment > .first-element {
   border-left: 1px solid #3685f2;
-  -webkit-border-radius: 6px 0px 0px 6px;
+  -webkit-border-radius: 2px 0px 0px 2px;
-  -moz-border-radius: 6px 0px 0px 6px;
+  -moz-border-radius: 2px 0px 0px 2px;
-  border-radius: 6px 0px 0px 6px;
+  border-radius: 2px 0px 0px 2px;
 }
 .bi-segment > .last-element {
-  -webkit-border-radius: 0px 6px 6px 0px;
+  -webkit-border-radius: 0px 2px 2px 0px;
-  -moz-border-radius: 0px 6px 6px 0px;
+  -moz-border-radius: 0px 2px 2px 0px;
-  border-radius: 0px 6px 6px 0px;
+  border-radius: 0px 2px 2px 0px;
 }
 .bi-segment.disabled > .center-element,
 .bi-segment.disabled > .first-element {

src/css/resource/background.css

@@ -248,8 +248,13 @@
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
   _background: none;
 }
+.auto-color-normal-disabled-background {
+  background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
+  _background: none;
+}
 .trans-color-background {
-  background: url('images/1x/background/trans_color.png') no-repeat center center;
+  background: url('images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_color.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_normal.png');
   _background: none;
 }

src/css/resource/font.css

@@ -223,7 +223,7 @@
 }
 .dot-e-font .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
@@ -236,11 +236,11 @@
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
-  color: #232e40;
+  color: #3685f2;
 }
 .dot-e-font.disabled .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .pull-right-font .b-font {
   font-size: 16px;

src/less/base/combo/combo.textvalue.icon.less

@@ -0,0 +1,11 @@
+@import "../../index";
+
+.bi-icon-text-value-combo{
+  &.combo-error {
+    & .bi-text-trigger {
+      & .select-text-label{
+        color: @color-bi-text-failure;
+      }
+    }
+  }
+}

src/less/base/segment/segment.less

@@ -10,10 +10,10 @@
   }
   & > .first-element{
     border-left: 1px solid @color-bi-border-highlight;
-    .border-corner-radius(6px,0px,0px,6px)
+    .border-corner-radius(2px,0px,0px,2px)
   }
   & > .last-element{
-    .border-corner-radius(0px,6px,6px,0px)
+    .border-corner-radius(0px,2px,2px,0px)
   }
   &.disabled > .center-element, &.disabled > .first-element{
     border-color: @color-bi-border-disabled;

src/less/lib/background.less

@@ -1,6 +1,8 @@
 @background-auto-color: "background/auto_color.png";
 @background-auto-color-normal: "background/auto_color_normal.png";
-@background-trans-color: "background/trans_color.png";
+@background-auto-color-normal-disabled: "background/auto_color_normal.png";
+@background-trans-color: "background/trans_normal.png";
+@background-trans-color-disabled: "background/trans_disable.png";
 
 @background-farbtastic-wheel:"background/wheel.png";
 @background-farbtastic-overlay:"background/mask.png";

src/less/resource/background.less

@@ -235,6 +235,10 @@
   .imagePath(@background-auto-color-normal);
 }
 
+.auto-color-normal-disabled-background {
+  .imagePath(@background-auto-color-normal-disabled);
+}
+
 .trans-color-background {
   .imagePath(@background-trans-color);
 }

src/less/resource/font.less

@@ -38,7 +38,7 @@
 .font(dot-font, @font-dot, @color-bi-text-black);
 .font-hover(dot-h-font, @font-dot, @color-bi-text-black);
 .font-hover-active(dot-ha-font, @font-dot, @color-bi-text, @color-bi-text-gray, @color-bi-text-black);
-.font-effect(dot-e-font, @font-dot, @color-bi-text, fade(@color-bi-text-highlight, 6), @color-bi-text-highlight, @color-bi-text-black);
+.font-effect(dot-e-font, @font-dot, transparent, fade(@color-bi-text-highlight, 6), @color-bi-text-highlight, @color-bi-text-highlight);
 
 //向右展开子菜单
 .font(pull-right-font, @font-right-triangle);

ui/css/background.css

@@ -248,8 +248,13 @@
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png');
   _background: none;
 }
+.auto-color-normal-disabled-background {
+  background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png');
+  _background: none;
+}
 .trans-color-background {
-  background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_color.png') no-repeat center center;
+  background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/trans_color.png');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/trans_normal.png');
   _background: none;
 }

ui/css/font.css

@@ -223,7 +223,7 @@
 }
 .dot-e-font .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
@@ -236,11 +236,11 @@
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
-  color: #232e40;
+  color: #3685f2;
 }
 .dot-e-font.disabled .b-font:before {
   content: "\e762";
-  color: #ffffff;
+  color: transparent;
 }
 .pull-right-font .b-font {
   font-size: 16px;

utils/utils.js

@@ -13401,10 +13401,10 @@ _.extend(BI.OB.prototype, {
     };
 
     BI.Actions = {
-        runAction: function (type, config) {
+        runAction: function (type, event, config) {
             BI.each(actions[type], function (i, act) {
                 try {
-                    act(config);
+                    act(event, config);
                 } catch (e) {
                     console.error(e);
                 }