Browse Source

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

es6
windy 6 years ago
parent
commit
161d4346d8
  1. 1
      demo/js/case/combo/demo.icon_text_value_combo.js
  2. 37
      demo/js/case/demo.click.effect.js
  3. 4
      demo/js/config/case.js
  4. 54
      dist/_fineui.min.js
  5. 16
      dist/base.css
  6. 10
      dist/base.js
  7. 31
      dist/bundle.css
  8. 47
      dist/bundle.js
  9. 2
      dist/bundle.min.css
  10. 54
      dist/bundle.min.js
  11. 33
      dist/case.js
  12. 4
      dist/core.js
  13. 41
      dist/demo.js
  14. 31
      dist/fineui.css
  15. 47
      dist/fineui.js
  16. 2
      dist/fineui.min.css
  17. 54
      dist/fineui.min.js
  18. 0
      dist/images/1x/background/auto_color_normal_disable.png
  19. 0
      dist/images/1x/background/auto_color_normal_select.png
  20. 0
      dist/images/1x/background/trans_disable.png
  21. 0
      dist/images/1x/background/trans_normal.png
  22. 0
      dist/images/1x/background/trans_select.png
  23. BIN
      dist/images/1x/icon/auto_normal.png
  24. BIN
      dist/images/1x/icon/dark/tree_collapse_1.png
  25. BIN
      dist/images/1x/icon/dark/tree_collapse_2.png
  26. BIN
      dist/images/1x/icon/dark/tree_collapse_3.png
  27. BIN
      dist/images/1x/icon/dark/tree_collapse_4.png
  28. BIN
      dist/images/1x/icon/dark/tree_expand_1.png
  29. BIN
      dist/images/1x/icon/dark/tree_expand_2.png
  30. BIN
      dist/images/1x/icon/dark/tree_expand_3.png
  31. BIN
      dist/images/1x/icon/dark/tree_expand_4.png
  32. BIN
      dist/images/1x/icon/dark/tree_vertical_line_1.png
  33. BIN
      dist/images/1x/icon/dark/tree_vertical_line_2.png
  34. BIN
      dist/images/1x/icon/dark/tree_vertical_line_3.png
  35. BIN
      dist/images/1x/icon/dark/tree_vertical_line_4.png
  36. BIN
      dist/images/1x/icon/dark/tree_vertical_line_5.png
  37. BIN
      dist/images/1x/icon/dark_tree_collapse_1.png
  38. BIN
      dist/images/1x/icon/dark_tree_collapse_2.png
  39. BIN
      dist/images/1x/icon/dark_tree_collapse_3.png
  40. BIN
      dist/images/1x/icon/dark_tree_collapse_4.png
  41. BIN
      dist/images/1x/icon/dark_tree_expand_1.png
  42. BIN
      dist/images/1x/icon/dark_tree_expand_2.png
  43. BIN
      dist/images/1x/icon/dark_tree_expand_3.png
  44. BIN
      dist/images/1x/icon/dark_tree_expand_4.png
  45. BIN
      dist/images/1x/icon/dark_tree_vertical_line_1.png
  46. BIN
      dist/images/1x/icon/dark_tree_vertical_line_2.png
  47. BIN
      dist/images/1x/icon/dark_tree_vertical_line_3.png
  48. BIN
      dist/images/1x/icon/dark_tree_vertical_line_4.png
  49. BIN
      dist/images/1x/icon/dark_tree_vertical_line_5.png
  50. BIN
      dist/images/2x/icon/dark/tree_collapse_1.png
  51. BIN
      dist/images/2x/icon/dark/tree_collapse_2.png
  52. BIN
      dist/images/2x/icon/dark/tree_collapse_3.png
  53. BIN
      dist/images/2x/icon/dark/tree_collapse_4.png
  54. BIN
      dist/images/2x/icon/dark/tree_expand_1.png
  55. BIN
      dist/images/2x/icon/dark/tree_expand_2.png
  56. BIN
      dist/images/2x/icon/dark/tree_expand_3.png
  57. BIN
      dist/images/2x/icon/dark/tree_expand_4.png
  58. BIN
      dist/images/2x/icon/dark/tree_vertical_line_1.png
  59. BIN
      dist/images/2x/icon/dark/tree_vertical_line_2.png
  60. BIN
      dist/images/2x/icon/dark/tree_vertical_line_3.png
  61. BIN
      dist/images/2x/icon/dark/tree_vertical_line_4.png
  62. BIN
      dist/images/2x/icon/dark/tree_vertical_line_5.png
  63. BIN
      dist/images/2x/icon/dark_tree_collapse_1.png
  64. BIN
      dist/images/2x/icon/dark_tree_collapse_2.png
  65. BIN
      dist/images/2x/icon/dark_tree_collapse_3.png
  66. BIN
      dist/images/2x/icon/dark_tree_collapse_4.png
  67. BIN
      dist/images/2x/icon/dark_tree_expand_1.png
  68. BIN
      dist/images/2x/icon/dark_tree_expand_2.png
  69. BIN
      dist/images/2x/icon/dark_tree_expand_3.png
  70. BIN
      dist/images/2x/icon/dark_tree_expand_4.png
  71. BIN
      dist/images/2x/icon/dark_tree_vertical_line_1.png
  72. BIN
      dist/images/2x/icon/dark_tree_vertical_line_2.png
  73. BIN
      dist/images/2x/icon/dark_tree_vertical_line_3.png
  74. BIN
      dist/images/2x/icon/dark_tree_vertical_line_4.png
  75. BIN
      dist/images/2x/icon/dark_tree_vertical_line_5.png
  76. 15
      dist/resource.css
  77. 9
      public/css/background.css
  78. 6
      public/css/font.css
  79. 4
      src/base/single/button/button.basic.js
  80. 6
      src/base/single/single.js
  81. 15
      src/case/colorchooser/colorpicker/editor.colorpicker.js
  82. 17
      src/case/combo/icontextvaluecombo/combo.icontextvalue.js
  83. 1
      src/case/trigger/trigger.icon.text.js
  84. 4
      src/core/inject.js
  85. 4
      src/css/base/combo/combo.css
  86. 12
      src/css/base/segment/segment.css
  87. 9
      src/css/resource/background.css
  88. 6
      src/css/resource/font.css
  89. 11
      src/less/base/combo/combo.textvalue.icon.less
  90. 4
      src/less/base/segment/segment.less
  91. 4
      src/less/lib/background.less
  92. 4
      src/less/resource/background.less
  93. 2
      src/less/resource/font.less
  94. 9
      ui/css/background.css
  95. 6
      ui/css/font.css
  96. 4
      utils/utils.js

1
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", type: "bi.icon_text_value_combo",
text: "默认值", text: "默认值",
// defaultIconCls: "next-page-h-font", // defaultIconCls: "next-page-h-font",
value: 1,
width: 300, width: 300,
iconHeight: 16, iconHeight: 16,
iconWidth: 16, iconWidth: 16,

37
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);

4
demo/js/config/case.js

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

54
dist/_fineui.min.js vendored

File diff suppressed because one or more lines are too long

16
dist/base.css vendored

@ -188,6 +188,10 @@
display: none; 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 { .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
color: #ff4949; color: #ff4949;
} }
@ -806,14 +810,14 @@ li.CodeMirror-hint-active {
} }
.bi-segment > .first-element { .bi-segment > .first-element {
border-left: 1px solid #3685f2; 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 { .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 > .center-element,
.bi-segment.disabled > .first-element { .bi-segment.disabled > .first-element {

10
dist/base.js vendored

@ -342,7 +342,7 @@ BI.Single = BI.inherit(BI.Widget, {
warningTitle: null, warningTitle: null,
tipType: null, // success或warning tipType: null, // success或warning
value: null, 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()); var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
if (BI.isKey(title)) { if (BI.isKey(title)) {
BI.Tooltips.show(e, this.getName(), title, type, this, opt); 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.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this);
this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this); this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this);
if (o.action) { 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);
} }
}, },

31
dist/bundle.css vendored

@ -1979,6 +1979,10 @@ textarea {
display: none; 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 { .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
color: #ff4949; color: #ff4949;
} }
@ -2597,14 +2601,14 @@ li.CodeMirror-hint-active {
} }
.bi-segment > .first-element { .bi-segment > .first-element {
border-left: 1px solid #3685f2; 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 { .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 > .center-element,
.bi-segment.disabled > .first-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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/auto_color_normal.png');
_background: none; _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 { .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; _background: none;
} }
@font-face { @font-face {
@ -4767,7 +4776,7 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.dot-e-font .b-font:before { .dot-e-font .b-font:before {
content: "\e762"; content: "\e762";
color: #ffffff; color: transparent;
} }
.dot-e-font:hover .b-font:before, .dot-e-font:hover .b-font:before,
.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 { .dot-e-font.active .b-font:before {
content: "\e762"; content: "\e762";
color: #232e40; color: #3685f2;
} }
.dot-e-font.disabled .b-font:before { .dot-e-font.disabled .b-font:before {
content: "\e762"; content: "\e762";
color: #ffffff; color: transparent;
} }
.pull-right-font .b-font { .pull-right-font .b-font {
font-size: 16px; font-size: 16px;

47
dist/bundle.js vendored

@ -28916,10 +28916,10 @@ BI.extend(BI.DOM, {
}; };
BI.Actions = { BI.Actions = {
runAction: function (type, config) { runAction: function (type, event, config) {
BI.each(actions[type], function (i, act) { BI.each(actions[type], function (i, act) {
try { try {
act(config); act(event, config);
} catch (e) { } catch (e) {
console.error(e); console.error(e);
} }
@ -36147,7 +36147,7 @@ BI.Single = BI.inherit(BI.Widget, {
warningTitle: null, warningTitle: null,
tipType: null, // success或warning tipType: null, // success或warning
value: null, 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()); var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
if (BI.isKey(title)) { if (BI.isKey(title)) {
BI.Tooltips.show(e, this.getName(), title, type, this, opt); 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.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this);
this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this); this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this);
if (o.action) { 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,6 +77181,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
}, },
_showPreColor: function (color) { _showPreColor: function (color) {
if(this.isEnabled()) {
if (color === "") { if (color === "") {
this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background"); this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
} else if (color === "transparent") { } else if (color === "transparent") {
@ -77184,6 +77189,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
} else { } else {
this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background"); this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
} }
} else {
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) { setValue: function (color) {
@ -78467,7 +78486,7 @@ BI.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/**
BI.IconTextValueCombo = BI.inherit(BI.Widget, { BI.IconTextValueCombo = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), {
baseClass: "bi-icon-text-value-combo", baseCls: "bi-icon-text-value-combo",
height: 24, height: 24,
iconHeight: null, iconHeight: null,
iconWidth: 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) { setValue: function (v) {
this.trigger.setValue(v); this.trigger.setValue(v);
this.popup.setValue(v); this.popup.setValue(v);
this._checkError(v);
}, },
getValue: function () { getValue: function () {
@ -87399,6 +87433,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, {
var self = this, o = this.options, c = this._const; var self = this, o = this.options, c = this._const;
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
cls: "select-text-label",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: o.text, text: o.text,

2
dist/bundle.min.css vendored

File diff suppressed because one or more lines are too long

54
dist/bundle.min.js vendored

File diff suppressed because one or more lines are too long

33
dist/case.js vendored

@ -4617,6 +4617,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
}, },
_showPreColor: function (color) { _showPreColor: function (color) {
if(this.isEnabled()) {
if (color === "") { if (color === "") {
this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background"); this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
} else if (color === "transparent") { } else if (color === "transparent") {
@ -4624,6 +4625,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
} else { } else {
this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background"); this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
} }
} else {
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) { setValue: function (color) {
@ -5907,7 +5922,7 @@ BI.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/**
BI.IconTextValueCombo = BI.inherit(BI.Widget, { BI.IconTextValueCombo = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), {
baseClass: "bi-icon-text-value-combo", baseCls: "bi-icon-text-value-combo",
height: 24, height: 24,
iconHeight: null, iconHeight: null,
iconWidth: 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) { setValue: function (v) {
this.trigger.setValue(v); this.trigger.setValue(v);
this.popup.setValue(v); this.popup.setValue(v);
this._checkError(v);
}, },
getValue: function () { getValue: function () {
@ -14839,6 +14869,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, {
var self = this, o = this.options, c = this._const; var self = this, o = this.options, c = this._const;
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
cls: "select-text-label",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: o.text, text: o.text,

4
dist/core.js vendored

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

41
dist/demo.js vendored

@ -2030,7 +2030,6 @@ Demo.IconTextValueCombo = BI.inherit(BI.Widget, {
type: "bi.icon_text_value_combo", type: "bi.icon_text_value_combo",
text: "默认值", text: "默认值",
// defaultIconCls: "next-page-h-font", // defaultIconCls: "next-page-h-font",
value: 1,
width: 300, width: 300,
iconHeight: 16, iconHeight: 16,
iconWidth: 16, iconWidth: 16,
@ -2382,6 +2381,42 @@ BI.shortcut("demo.calendar", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
baseCls: "demo-func" 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 () { render: function () {
var editor = BI.createWidget({ var editor = BI.createWidget({
type: "bi.text_editor", type: "bi.text_editor",
@ -5408,6 +5443,10 @@ BI.shortcut("demo.value_chooser_pane", Demo.ValueChooserPane);Demo.BASE_CONFIG =
pId: 3, pId: 3,
text: "bi.segment", text: "bi.segment",
value: "demo.segment" value: "demo.segment"
}, {
pId: 3,
text: "点击项样式查看",
value: "demo.click_item_effect"
}];Demo.CATEGORY_CONFIG = [{ }];Demo.CATEGORY_CONFIG = [{
id: 100000, id: 100000,
text: "专题" text: "专题"

31
dist/fineui.css vendored

@ -1979,6 +1979,10 @@ textarea {
display: none; 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 { .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
color: #ff4949; color: #ff4949;
} }
@ -2597,14 +2601,14 @@ li.CodeMirror-hint-active {
} }
.bi-segment > .first-element { .bi-segment > .first-element {
border-left: 1px solid #3685f2; 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 { .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 > .center-element,
.bi-segment.disabled > .first-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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png');
_background: none; _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 { .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; _background: none;
} }
@font-face { @font-face {
@ -4767,7 +4776,7 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.dot-e-font .b-font:before { .dot-e-font .b-font:before {
content: "\e762"; content: "\e762";
color: #ffffff; color: transparent;
} }
.dot-e-font:hover .b-font:before, .dot-e-font:hover .b-font:before,
.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 { .dot-e-font.active .b-font:before {
content: "\e762"; content: "\e762";
color: #232e40; color: #3685f2;
} }
.dot-e-font.disabled .b-font:before { .dot-e-font.disabled .b-font:before {
content: "\e762"; content: "\e762";
color: #ffffff; color: transparent;
} }
.pull-right-font .b-font { .pull-right-font .b-font {
font-size: 16px; font-size: 16px;

47
dist/fineui.js vendored

@ -29165,10 +29165,10 @@ BI.extend(BI.DOM, {
}; };
BI.Actions = { BI.Actions = {
runAction: function (type, config) { runAction: function (type, event, config) {
BI.each(actions[type], function (i, act) { BI.each(actions[type], function (i, act) {
try { try {
act(config); act(event, config);
} catch (e) { } catch (e) {
console.error(e); console.error(e);
} }
@ -36396,7 +36396,7 @@ BI.Single = BI.inherit(BI.Widget, {
warningTitle: null, warningTitle: null,
tipType: null, // success或warning tipType: null, // success或warning
value: null, 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()); var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
if (BI.isKey(title)) { if (BI.isKey(title)) {
BI.Tooltips.show(e, this.getName(), title, type, this, opt); 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.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this);
this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this); this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this);
if (o.action) { 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,6 +77430,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
}, },
_showPreColor: function (color) { _showPreColor: function (color) {
if(this.isEnabled()) {
if (color === "") { if (color === "") {
this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background"); this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
} else if (color === "transparent") { } else if (color === "transparent") {
@ -77433,6 +77438,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
} else { } else {
this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background"); this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
} }
} else {
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) { setValue: function (color) {
@ -78716,7 +78735,7 @@ BI.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/**
BI.IconTextValueCombo = BI.inherit(BI.Widget, { BI.IconTextValueCombo = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), {
baseClass: "bi-icon-text-value-combo", baseCls: "bi-icon-text-value-combo",
height: 24, height: 24,
iconHeight: null, iconHeight: null,
iconWidth: 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) { setValue: function (v) {
this.trigger.setValue(v); this.trigger.setValue(v);
this.popup.setValue(v); this.popup.setValue(v);
this._checkError(v);
}, },
getValue: function () { getValue: function () {
@ -87648,6 +87682,7 @@ BI.IconTextTrigger = BI.inherit(BI.Trigger, {
var self = this, o = this.options, c = this._const; var self = this, o = this.options, c = this._const;
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
cls: "select-text-label",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: o.text, text: o.text,

2
dist/fineui.min.css vendored

File diff suppressed because one or more lines are too long

54
dist/fineui.min.js vendored

File diff suppressed because one or more lines are too long

0
dist/images/1x/icon/auto_disable.png → dist/images/1x/background/auto_color_normal_disable.png vendored

Before

Width:  |  Height:  |  Size: 608 B

After

Width:  |  Height:  |  Size: 608 B

0
dist/images/1x/icon/auto_select.png → dist/images/1x/background/auto_color_normal_select.png vendored

Before

Width:  |  Height:  |  Size: 617 B

After

Width:  |  Height:  |  Size: 617 B

0
dist/images/1x/icon/trans_disable.png → dist/images/1x/background/trans_disable.png vendored

Before

Width:  |  Height:  |  Size: 200 B

After

Width:  |  Height:  |  Size: 200 B

0
dist/images/1x/icon/trans_normal .png → dist/images/1x/background/trans_normal.png vendored

Before

Width:  |  Height:  |  Size: 192 B

After

Width:  |  Height:  |  Size: 192 B

0
dist/images/1x/icon/trans_select .png → dist/images/1x/background/trans_select.png vendored

Before

Width:  |  Height:  |  Size: 199 B

After

Width:  |  Height:  |  Size: 199 B

BIN
dist/images/1x/icon/auto_normal.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 637 B

BIN
dist/images/1x/icon/dark/tree_collapse_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 160 B

After

Width:  |  Height:  |  Size: 193 B

BIN
dist/images/1x/icon/dark/tree_collapse_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 203 B

After

Width:  |  Height:  |  Size: 230 B

BIN
dist/images/1x/icon/dark/tree_collapse_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 206 B

After

Width:  |  Height:  |  Size: 247 B

BIN
dist/images/1x/icon/dark/tree_collapse_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 191 B

After

Width:  |  Height:  |  Size: 236 B

BIN
dist/images/1x/icon/dark/tree_expand_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 146 B

After

Width:  |  Height:  |  Size: 171 B

BIN
dist/images/1x/icon/dark/tree_expand_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 183 B

After

Width:  |  Height:  |  Size: 213 B

BIN
dist/images/1x/icon/dark/tree_expand_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 B

After

Width:  |  Height:  |  Size: 227 B

BIN
dist/images/1x/icon/dark/tree_expand_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 178 B

After

Width:  |  Height:  |  Size: 214 B

BIN
dist/images/1x/icon/dark/tree_vertical_line_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 112 B

After

Width:  |  Height:  |  Size: 102 B

BIN
dist/images/1x/icon/dark/tree_vertical_line_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 156 B

After

Width:  |  Height:  |  Size: 143 B

BIN
dist/images/1x/icon/dark/tree_vertical_line_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 161 B

After

Width:  |  Height:  |  Size: 162 B

BIN
dist/images/1x/icon/dark/tree_vertical_line_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 150 B

After

Width:  |  Height:  |  Size: 148 B

BIN
dist/images/1x/icon/dark/tree_vertical_line_5.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 140 B

After

Width:  |  Height:  |  Size: 138 B

BIN
dist/images/1x/icon/dark_tree_collapse_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 193 B

BIN
dist/images/1x/icon/dark_tree_collapse_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 230 B

BIN
dist/images/1x/icon/dark_tree_collapse_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 247 B

BIN
dist/images/1x/icon/dark_tree_collapse_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 236 B

BIN
dist/images/1x/icon/dark_tree_expand_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 171 B

BIN
dist/images/1x/icon/dark_tree_expand_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 213 B

BIN
dist/images/1x/icon/dark_tree_expand_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 227 B

BIN
dist/images/1x/icon/dark_tree_expand_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 214 B

BIN
dist/images/1x/icon/dark_tree_vertical_line_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 B

BIN
dist/images/1x/icon/dark_tree_vertical_line_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 143 B

BIN
dist/images/1x/icon/dark_tree_vertical_line_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 162 B

BIN
dist/images/1x/icon/dark_tree_vertical_line_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 B

BIN
dist/images/1x/icon/dark_tree_vertical_line_5.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 138 B

BIN
dist/images/2x/icon/dark/tree_collapse_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 211 B

After

Width:  |  Height:  |  Size: 272 B

BIN
dist/images/2x/icon/dark/tree_collapse_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 250 B

After

Width:  |  Height:  |  Size: 333 B

BIN
dist/images/2x/icon/dark/tree_collapse_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 254 B

After

Width:  |  Height:  |  Size: 338 B

BIN
dist/images/2x/icon/dark/tree_collapse_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 242 B

After

Width:  |  Height:  |  Size: 320 B

BIN
dist/images/2x/icon/dark/tree_expand_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 B

After

Width:  |  Height:  |  Size: 244 B

BIN
dist/images/2x/icon/dark/tree_expand_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 232 B

After

Width:  |  Height:  |  Size: 311 B

BIN
dist/images/2x/icon/dark/tree_expand_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 240 B

After

Width:  |  Height:  |  Size: 316 B

BIN
dist/images/2x/icon/dark/tree_expand_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 227 B

After

Width:  |  Height:  |  Size: 299 B

BIN
dist/images/2x/icon/dark/tree_vertical_line_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 B

After

Width:  |  Height:  |  Size: 117 B

BIN
dist/images/2x/icon/dark/tree_vertical_line_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 204 B

After

Width:  |  Height:  |  Size: 215 B

BIN
dist/images/2x/icon/dark/tree_vertical_line_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 200 B

After

Width:  |  Height:  |  Size: 238 B

BIN
dist/images/2x/icon/dark/tree_vertical_line_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 B

After

Width:  |  Height:  |  Size: 206 B

BIN
dist/images/2x/icon/dark/tree_vertical_line_5.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 183 B

After

Width:  |  Height:  |  Size: 210 B

BIN
dist/images/2x/icon/dark_tree_collapse_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 272 B

BIN
dist/images/2x/icon/dark_tree_collapse_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 333 B

BIN
dist/images/2x/icon/dark_tree_collapse_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 338 B

BIN
dist/images/2x/icon/dark_tree_collapse_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 320 B

BIN
dist/images/2x/icon/dark_tree_expand_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 244 B

BIN
dist/images/2x/icon/dark_tree_expand_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 311 B

BIN
dist/images/2x/icon/dark_tree_expand_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 316 B

BIN
dist/images/2x/icon/dark_tree_expand_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 299 B

BIN
dist/images/2x/icon/dark_tree_vertical_line_1.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 117 B

BIN
dist/images/2x/icon/dark_tree_vertical_line_2.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 215 B

BIN
dist/images/2x/icon/dark_tree_vertical_line_3.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 238 B

BIN
dist/images/2x/icon/dark_tree_vertical_line_4.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 206 B

BIN
dist/images/2x/icon/dark_tree_vertical_line_5.png vendored

Binary file not shown.

Before

Width:  |  Height:  |  Size: 210 B

15
dist/resource.css vendored

@ -319,9 +319,14 @@ textarea::-webkit-scrollbar-thumb:hover {
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
_background: none; _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 { .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; _background: none;
} }
@font-face { @font-face {
@ -549,7 +554,7 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.dot-e-font .b-font:before { .dot-e-font .b-font:before {
content: "\e762"; content: "\e762";
color: #ffffff; color: transparent;
} }
.dot-e-font:hover .b-font:before, .dot-e-font:hover .b-font:before,
.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 { .dot-e-font.active .b-font:before {
content: "\e762"; content: "\e762";
color: #232e40; color: #3685f2;
} }
.dot-e-font.disabled .b-font:before { .dot-e-font.disabled .b-font:before {
content: "\e762"; content: "\e762";
color: #ffffff; color: transparent;
} }
.pull-right-font .b-font { .pull-right-font .b-font {
font-size: 16px; font-size: 16px;

9
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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/background/auto_color_normal.png');
_background: none; _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 { .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; _background: none;
} }

6
public/css/font.css

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

4
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.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this);
this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this); this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this);
if (o.action) { 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);
} }
}, },

6
src/base/single/single.js

@ -19,7 +19,7 @@ BI.Single = BI.inherit(BI.Widget, {
warningTitle: null, warningTitle: null,
tipType: null, // success或warning tipType: null, // success或warning
value: null, 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()); var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
if (BI.isKey(title)) { if (BI.isKey(title)) {
BI.Tooltips.show(e, this.getName(), title, type, this, opt); 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);
} }
}, },

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

@ -171,6 +171,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
}, },
_showPreColor: function (color) { _showPreColor: function (color) {
if(this.isEnabled()) {
if (color === "") { if (color === "") {
this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background"); this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
} else if (color === "transparent") { } else if (color === "transparent") {
@ -178,6 +179,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
} else { } else {
this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background"); this.colorShow.element.css({"background-color": color}).removeClass("auto-color-normal-background").removeClass("trans-color-background");
} }
} else {
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) { setValue: function (color) {

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

@ -5,7 +5,7 @@
BI.IconTextValueCombo = BI.inherit(BI.Widget, { BI.IconTextValueCombo = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), {
baseClass: "bi-icon-text-value-combo", baseCls: "bi-icon-text-value-combo",
height: 24, height: 24,
iconHeight: null, iconHeight: null,
iconWidth: 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) { setValue: function (v) {
this.trigger.setValue(v); this.trigger.setValue(v);
this.popup.setValue(v); this.popup.setValue(v);
this._checkError(v);
}, },
getValue: function () { getValue: function () {

1
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; var self = this, o = this.options, c = this._const;
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.label", type: "bi.label",
cls: "select-text-label",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: o.text, text: o.text,

4
src/core/inject.js

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

4
src/css/base/combo/combo.css

@ -130,6 +130,10 @@
display: none; 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 { .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
color: #ff4949; color: #ff4949;
} }

12
src/css/base/segment/segment.css

@ -9,14 +9,14 @@
} }
.bi-segment > .first-element { .bi-segment > .first-element {
border-left: 1px solid #3685f2; 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 { .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 > .center-element,
.bi-segment.disabled > .first-element { .bi-segment.disabled > .first-element {

9
src/css/resource/background.css

@ -248,8 +248,13 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
_background: none; _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 { .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; _background: none;
} }

6
src/css/resource/font.css

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

11
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;
}
}
}
}

4
src/less/base/segment/segment.less

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

4
src/less/lib/background.less

@ -1,6 +1,8 @@
@background-auto-color: "background/auto_color.png"; @background-auto-color: "background/auto_color.png";
@background-auto-color-normal: "background/auto_color_normal.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-wheel:"background/wheel.png";
@background-farbtastic-overlay:"background/mask.png"; @background-farbtastic-overlay:"background/mask.png";

4
src/less/resource/background.less

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

2
src/less/resource/font.less

@ -38,7 +38,7 @@
.font(dot-font, @font-dot, @color-bi-text-black); .font(dot-font, @font-dot, @color-bi-text-black);
.font-hover(dot-h-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-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); .font(pull-right-font, @font-right-triangle);

9
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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png');
_background: none; _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 { .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; _background: none;
} }

6
ui/css/font.css

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

4
utils/utils.js

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

Loading…
Cancel
Save