Browse Source

Merge pull request #61 in FUI/fineui from ~GUY/fineui:master to master

* commit '4401aa69dc7ad82e3c654a48fa6fd252874a62a7':
  BI-7154 IE8下的布局问题
  add
  add
  update
  给iframe加方法
  add
  文本超过100个字符就不标红了
  update
es6
guy 7 years ago
parent
commit
f7ab8fadf8
  1. 11
      bi/base.js
  2. 108
      bi/chart.js
  3. 209
      bi/core.css
  4. 190
      bi/core.js
  5. 700
      bi/widget.css
  6. 2090
      bi/widget.js
  7. 11
      docs/base.js
  8. 108
      docs/chart.js
  9. 209
      docs/core.css
  10. 19386
      docs/core.js
  11. 700
      docs/widget.css
  12. 2090
      docs/widget.js
  13. 2
      src/base/single/editor/editor.textarea.js
  14. 9
      src/base/single/iframe/iframe.js
  15. 2
      src/core/func/dom.js
  16. 4
      src/core/model.js
  17. 7
      src/core/wrapper/layout/adapt/float.center.js
  18. 7
      src/core/wrapper/layout/adapt/float.horizontal.js
  19. 209
      src/css/core/utils/common.css
  20. 162
      src/less/core/utils/common.less
  21. 2
      src/widget/downlist/combo.downlist.js

11
bi/base.js

@ -18335,7 +18335,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
tagName: "textarea", tagName: "textarea",
width: "100%", width: "100%",
height: "100%", height: "100%",
cls: "textarea-editor-content display-block" cls: "bi-textarea textarea-editor-content display-block"
}); });
this.content.element.css({"resize": "none"}); this.content.element.css({"resize": "none"});
BI.createWidget({ BI.createWidget({
@ -18523,6 +18523,15 @@ BI.Iframe = BI.inherit(BI.Single, {
return this.options.src; return this.options.src;
}, },
setName: function (name) {
this.options.name = name;
this.element.attr("name", name);
},
getName: function () {
return this.options.name;
},
getWidth: function () { getWidth: function () {
return this.options.width return this.options.width
}, },

108
bi/chart.js

@ -1,57 +1,57 @@
/** /**
* 图表控件 * 图表控件
* @class BI.Chart * @class BI.Chart
* @extends BI.Widget * @extends BI.Widget
*/ */
BI.Chart = BI.inherit(BI.Pane, { BI.Chart = BI.inherit(BI.Pane, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.Chart.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.Chart.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-chart" baseCls: "bi-chart"
}) })
}, },
_init: function () { _init: function () {
BI.Chart.superclass._init.apply(this, arguments); BI.Chart.superclass._init.apply(this, arguments);
var self = this, o = this.options; var self = this, o = this.options;
this.isSetOptions = false; this.isSetOptions = false;
this.vanCharts = VanCharts.init(self.element[0]); this.vanCharts = VanCharts.init(self.element[0]);
this._resizer = BI.debounce(function () { this._resizer = BI.debounce(function () {
if (self.element.width() > 0 && self.element.height() > 0) { if (self.element.width() > 0 && self.element.height() > 0) {
self.vanCharts.resize(); self.vanCharts.resize();
} }
}, 30); }, 30);
BI.ResizeDetector.addResizeListener(this, function (e) { BI.ResizeDetector.addResizeListener(this, function (e) {
self._resizer(); self._resizer();
}); });
}, },
resize: function () { resize: function () {
if (this.isSetOptions === true) { if (this.isSetOptions === true) {
this._resizer(); this._resizer();
} }
}, },
magnify: function () { magnify: function () {
this.vanCharts.refreshRestore() this.vanCharts.refreshRestore()
}, },
populate: function (items, options) { populate: function (items, options) {
var self = this, o = this.options; var self = this, o = this.options;
o.items = items; o.items = items;
this.config = options || {}; this.config = options || {};
this.config.series = o.items; this.config.series = o.items;
var setOptions = function () { var setOptions = function () {
self.vanCharts.setOptions(self.config); self.vanCharts.setOptions(self.config);
self.isSetOptions = true; self.isSetOptions = true;
}; };
BI.nextTick(setOptions); BI.nextTick(setOptions);
} }
}); });
BI.Chart.EVENT_CHANGE = "EVENT_CHANGE"; BI.Chart.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut('bi.chart', BI.Chart);/** BI.shortcut('bi.chart', BI.Chart);/**
* 图表控件 * 图表控件
* @class BI.CombineChart * @class BI.CombineChart

209
bi/core.css

@ -3181,6 +3181,9 @@ i {
.base-disabled .bi-input { .base-disabled .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.base-disabled .bi-textarea {
color: #cccccc !important;
}
.base-disabled .b-font:before { .base-disabled .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
@ -3190,6 +3193,9 @@ i {
.bi-theme-dark .base-disabled .bi-input { .bi-theme-dark .base-disabled .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .base-disabled .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .base-disabled .b-font:before { .bi-theme-dark .base-disabled .b-font:before {
color: #666666 !important; color: #666666 !important;
} }
@ -3215,6 +3221,9 @@ i {
.bi-background .bi-input { .bi-background .bi-input {
color: #666666; color: #666666;
} }
.bi-background .bi-textarea {
color: #666666;
}
.bi-theme-dark .bi-background { .bi-theme-dark .bi-background {
background-color: #191b2b; background-color: #191b2b;
color: #cccccc; color: #cccccc;
@ -3222,6 +3231,9 @@ i {
.bi-theme-dark .bi-background .bi-input { .bi-theme-dark .bi-background .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-theme-dark .bi-background .bi-textarea {
color: #cccccc;
}
.bi-card { .bi-card {
background-color: #ffffff; background-color: #ffffff;
color: #666666; color: #666666;
@ -3229,6 +3241,9 @@ i {
.bi-card .bi-input { .bi-card .bi-input {
color: #666666; color: #666666;
} }
.bi-card .bi-textarea {
color: #666666;
}
.bi-theme-dark .bi-card { .bi-theme-dark .bi-card {
background-color: #242640; background-color: #242640;
color: #cccccc; color: #cccccc;
@ -3236,24 +3251,36 @@ i {
.bi-theme-dark .bi-card .bi-input { .bi-theme-dark .bi-card .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-theme-dark .bi-card .bi-textarea {
color: #cccccc;
}
.bi-disabled { .bi-disabled {
color: #cccccc; color: #cccccc;
} }
.bi-disabled .bi-input { .bi-disabled .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-disabled .bi-textarea {
color: #cccccc;
}
.bi-theme-dark .bi-disabled { .bi-theme-dark .bi-disabled {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-disabled .bi-input { .bi-theme-dark .bi-disabled .bi-input {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-disabled .bi-textarea {
color: #666666;
}
.bi-tips { .bi-tips {
color: #999999; color: #999999;
} }
.bi-tips .bi-input { .bi-tips .bi-input {
color: #999999; color: #999999;
} }
.bi-tips .bi-textarea {
color: #999999;
}
.bi-border { .bi-border {
border: 1px solid #d4dadd; border: 1px solid #d4dadd;
} }
@ -3290,12 +3317,18 @@ i {
.bi-keyword-red-mark .bi-input { .bi-keyword-red-mark .bi-input {
color: #f07d0a; color: #f07d0a;
} }
.bi-keyword-red-mark .bi-textarea {
color: #f07d0a;
}
.bi-high-light { .bi-high-light {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-high-light .bi-input { .bi-high-light .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-high-light .bi-textarea {
color: #3f8ce8;
}
.bi-high-light-background { .bi-high-light-background {
background-color: #3f8ce8; background-color: #3f8ce8;
color: #ffffff; color: #ffffff;
@ -3303,6 +3336,9 @@ i {
.bi-high-light-background .bi-input { .bi-high-light-background .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-high-light-background .bi-textarea {
color: #ffffff;
}
.bi-high-light-border { .bi-high-light-border {
border-color: #178cdf; border-color: #178cdf;
} }
@ -3313,12 +3349,18 @@ i {
.bi-water-mark .bi-input { .bi-water-mark .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-water-mark .bi-textarea {
color: #cccccc;
}
.bi-theme-dark .bi-water-mark { .bi-theme-dark .bi-water-mark {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-water-mark .bi-input { .bi-theme-dark .bi-water-mark .bi-input {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-water-mark .bi-textarea {
color: #666666;
}
.bi-resizer { .bi-resizer {
background: #1a1a1a; background: #1a1a1a;
opacity: 0.2; opacity: 0.2;
@ -3336,6 +3378,9 @@ i {
.bi-mask .bi-input { .bi-mask .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-mask .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-mask { .bi-theme-dark .bi-mask {
color: #242640; color: #242640;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
@ -3344,6 +3389,9 @@ i {
.bi-theme-dark .bi-mask .bi-input { .bi-theme-dark .bi-mask .bi-input {
color: #242640; color: #242640;
} }
.bi-theme-dark .bi-mask .bi-textarea {
color: #242640;
}
.bi-z-index-mask { .bi-z-index-mask {
color: #ffffff; color: #ffffff;
background-color: rgba(26, 26, 26, 0.5); background-color: rgba(26, 26, 26, 0.5);
@ -3352,6 +3400,9 @@ i {
.bi-z-index-mask .bi-input { .bi-z-index-mask .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-z-index-mask .bi-textarea {
color: #ffffff;
}
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {
color: #1a1a1a; color: #1a1a1a;
@ -3362,6 +3413,10 @@ i {
.bi-list-item.hover .bi-input { .bi-list-item.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item:hover .bi-textarea,
.bi-list-item.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item.disabled, .bi-list-item.disabled,
.bi-list-item.disabled:hover, .bi-list-item.disabled:hover,
.bi-list-item.disabled:active { .bi-list-item.disabled:active {
@ -3373,6 +3428,11 @@ i {
.bi-list-item.disabled:active .bi-input { .bi-list-item.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item.disabled .bi-textarea,
.bi-list-item.disabled:hover .bi-textarea,
.bi-list-item.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item.disabled .bi-high-light, .bi-list-item.disabled .bi-high-light,
.bi-list-item.disabled:hover .bi-high-light, .bi-list-item.disabled:hover .bi-high-light,
.bi-list-item.disabled:active .bi-high-light { .bi-list-item.disabled:active .bi-high-light {
@ -3388,6 +3448,10 @@ i {
.bi-theme-dark .bi-list-item.hover .bi-input { .bi-theme-dark .bi-list-item.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item:hover .bi-textarea,
.bi-theme-dark .bi-list-item.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item.disabled, .bi-theme-dark .bi-list-item.disabled,
.bi-theme-dark .bi-list-item.disabled:hover, .bi-theme-dark .bi-list-item.disabled:hover,
.bi-theme-dark .bi-list-item.disabled:active { .bi-theme-dark .bi-list-item.disabled:active {
@ -3399,6 +3463,11 @@ i {
.bi-theme-dark .bi-list-item.disabled:active .bi-input { .bi-theme-dark .bi-list-item.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item.disabled .bi-textarea,
.bi-theme-dark .bi-list-item.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item.disabled .bi-high-light, .bi-theme-dark .bi-list-item.disabled .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
@ -3414,6 +3483,9 @@ i {
.bi-list-item-simple .bi-input { .bi-list-item-simple .bi-input {
color: #999999; color: #999999;
} }
.bi-list-item-simple .bi-textarea {
color: #999999;
}
.bi-list-item-simple:hover, .bi-list-item-simple:hover,
.bi-list-item-simple.hover { .bi-list-item-simple.hover {
color: #3f8ce8; color: #3f8ce8;
@ -3422,6 +3494,10 @@ i {
.bi-list-item-simple.hover .bi-input { .bi-list-item-simple.hover .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-simple:hover .bi-textarea,
.bi-list-item-simple.hover .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-simple.disabled, .bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover, .bi-list-item-simple.disabled:hover,
.bi-list-item-simple.disabled:active { .bi-list-item-simple.disabled:active {
@ -3432,6 +3508,11 @@ i {
.bi-list-item-simple.disabled:active .bi-input { .bi-list-item-simple.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-simple.disabled .bi-textarea,
.bi-list-item-simple.disabled:hover .bi-textarea,
.bi-list-item-simple.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-simple.disabled .bi-high-light, .bi-list-item-simple.disabled .bi-high-light,
.bi-list-item-simple.disabled:hover .bi-high-light, .bi-list-item-simple.disabled:hover .bi-high-light,
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
@ -3443,6 +3524,9 @@ i {
.bi-list-item-effect:hover .bi-input { .bi-list-item-effect:hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-effect:hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-effect.active, .bi-list-item-effect.active,
.bi-list-item-effect:active { .bi-list-item-effect:active {
color: #3f8ce8; color: #3f8ce8;
@ -3451,6 +3535,10 @@ i {
.bi-list-item-effect:active .bi-input { .bi-list-item-effect:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-effect.active .bi-textarea,
.bi-list-item-effect:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-effect.disabled, .bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active { .bi-list-item-effect.disabled:active {
@ -3461,6 +3549,11 @@ i {
.bi-list-item-effect.disabled:active .bi-input { .bi-list-item-effect.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-effect.disabled .bi-textarea,
.bi-list-item-effect.disabled:hover .bi-textarea,
.bi-list-item-effect.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-effect.disabled .bi-high-light, .bi-list-item-effect.disabled .bi-high-light,
.bi-list-item-effect.disabled:hover .bi-high-light, .bi-list-item-effect.disabled:hover .bi-high-light,
.bi-list-item-effect.disabled:active .bi-high-light { .bi-list-item-effect.disabled:active .bi-high-light {
@ -3472,6 +3565,9 @@ i {
.bi-theme-dark .bi-list-item-effect:hover .bi-input { .bi-theme-dark .bi-list-item-effect:hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-effect:hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-effect.active, .bi-theme-dark .bi-list-item-effect.active,
.bi-theme-dark .bi-list-item-effect:active { .bi-theme-dark .bi-list-item-effect:active {
color: #3f8ce8; color: #3f8ce8;
@ -3480,6 +3576,10 @@ i {
.bi-theme-dark .bi-list-item-effect:active .bi-input { .bi-theme-dark .bi-list-item-effect:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-effect.active .bi-textarea,
.bi-theme-dark .bi-list-item-effect:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-effect.disabled, .bi-theme-dark .bi-list-item-effect.disabled,
.bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:hover,
.bi-theme-dark .bi-list-item-effect.disabled:active { .bi-theme-dark .bi-list-item-effect.disabled:active {
@ -3491,6 +3591,11 @@ i {
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-input { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-effect.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-effect.disabled .bi-high-light, .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
@ -3506,6 +3611,10 @@ i {
.bi-list-item-active.hover .bi-input { .bi-list-item-active.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-active:hover .bi-textarea,
.bi-list-item-active.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-active.active, .bi-list-item-active.active,
.bi-list-item-active:active { .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
@ -3516,6 +3625,10 @@ i {
.bi-list-item-active:active .bi-input { .bi-list-item-active:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-active.active .bi-textarea,
.bi-list-item-active:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-active.disabled, .bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active { .bi-list-item-active.disabled:active {
@ -3527,6 +3640,11 @@ i {
.bi-list-item-active.disabled:active .bi-input { .bi-list-item-active.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-active.disabled .bi-textarea,
.bi-list-item-active.disabled:hover .bi-textarea,
.bi-list-item-active.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-active.disabled .bi-high-light, .bi-list-item-active.disabled .bi-high-light,
.bi-list-item-active.disabled:hover .bi-high-light, .bi-list-item-active.disabled:hover .bi-high-light,
.bi-list-item-active.disabled:active .bi-high-light { .bi-list-item-active.disabled:active .bi-high-light {
@ -3542,6 +3660,10 @@ i {
.bi-theme-dark .bi-list-item-active.hover .bi-input { .bi-theme-dark .bi-list-item-active.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-active:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active { .bi-theme-dark .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
@ -3552,6 +3674,10 @@ i {
.bi-theme-dark .bi-list-item-active:active .bi-input { .bi-theme-dark .bi-list-item-active:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-active.active .bi-textarea,
.bi-theme-dark .bi-list-item-active:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-active.disabled, .bi-theme-dark .bi-list-item-active.disabled,
.bi-theme-dark .bi-list-item-active.disabled:hover, .bi-theme-dark .bi-list-item-active.disabled:hover,
.bi-theme-dark .bi-list-item-active.disabled:active { .bi-theme-dark .bi-list-item-active.disabled:active {
@ -3563,6 +3689,11 @@ i {
.bi-theme-dark .bi-list-item-active.disabled:active .bi-input { .bi-theme-dark .bi-list-item-active.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-active.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-active.disabled .bi-high-light, .bi-theme-dark .bi-list-item-active.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
@ -3577,6 +3708,10 @@ i {
.bi-list-item-active2.hover .bi-input { .bi-list-item-active2.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-active2:hover .bi-textarea,
.bi-list-item-active2.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-active2.active, .bi-list-item-active2.active,
.bi-list-item-active2:active { .bi-list-item-active2:active {
color: #3f8ce8; color: #3f8ce8;
@ -3586,6 +3721,10 @@ i {
.bi-list-item-active2:active .bi-input { .bi-list-item-active2:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-active2.active .bi-textarea,
.bi-list-item-active2:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-active2.disabled, .bi-list-item-active2.disabled,
.bi-list-item-active2.disabled:hover, .bi-list-item-active2.disabled:hover,
.bi-list-item-active2.disabled:active { .bi-list-item-active2.disabled:active {
@ -3597,6 +3736,11 @@ i {
.bi-list-item-active2.disabled:active .bi-input { .bi-list-item-active2.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-active2.disabled .bi-textarea,
.bi-list-item-active2.disabled:hover .bi-textarea,
.bi-list-item-active2.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-active2.disabled .bi-high-light, .bi-list-item-active2.disabled .bi-high-light,
.bi-list-item-active2.disabled:hover .bi-high-light, .bi-list-item-active2.disabled:hover .bi-high-light,
.bi-list-item-active2.disabled:active .bi-high-light { .bi-list-item-active2.disabled:active .bi-high-light {
@ -3611,6 +3755,10 @@ i {
.bi-theme-dark .bi-list-item-active2.hover .bi-input { .bi-theme-dark .bi-list-item-active2.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-active2:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active2.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active2.active, .bi-theme-dark .bi-list-item-active2.active,
.bi-theme-dark .bi-list-item-active2:active { .bi-theme-dark .bi-list-item-active2:active {
color: #3f8ce8; color: #3f8ce8;
@ -3620,6 +3768,10 @@ i {
.bi-theme-dark .bi-list-item-active2:active .bi-input { .bi-theme-dark .bi-list-item-active2:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-active2.active .bi-textarea,
.bi-theme-dark .bi-list-item-active2:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-active2.disabled, .bi-theme-dark .bi-list-item-active2.disabled,
.bi-theme-dark .bi-list-item-active2.disabled:hover, .bi-theme-dark .bi-list-item-active2.disabled:hover,
.bi-theme-dark .bi-list-item-active2.disabled:active { .bi-theme-dark .bi-list-item-active2.disabled:active {
@ -3631,6 +3783,11 @@ i {
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-input { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-active2.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-active2.disabled .bi-high-light, .bi-theme-dark .bi-list-item-active2.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
@ -3646,6 +3803,10 @@ i {
.bi-list-item-select.hover .bi-input { .bi-list-item-select.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-select:hover .bi-textarea,
.bi-list-item-select.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-select:active, .bi-list-item-select:active,
.bi-list-item-select.active { .bi-list-item-select.active {
color: #ffffff; color: #ffffff;
@ -3655,6 +3816,10 @@ i {
.bi-list-item-select.active .bi-input { .bi-list-item-select.active .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-list-item-select:active .bi-textarea,
.bi-list-item-select.active .bi-textarea {
color: #ffffff;
}
.bi-list-item-select:active .bi-high-light, .bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light { .bi-list-item-select.active .bi-high-light {
color: #ffffff; color: #ffffff;
@ -3670,6 +3835,11 @@ i {
.bi-list-item-select.disabled:active .bi-input { .bi-list-item-select.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-select.disabled .bi-textarea,
.bi-list-item-select.disabled:hover .bi-textarea,
.bi-list-item-select.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-select.disabled .bi-high-light, .bi-list-item-select.disabled .bi-high-light,
.bi-list-item-select.disabled:hover .bi-high-light, .bi-list-item-select.disabled:hover .bi-high-light,
.bi-list-item-select.disabled:active .bi-high-light { .bi-list-item-select.disabled:active .bi-high-light {
@ -3685,6 +3855,10 @@ i {
.bi-theme-dark .bi-list-item-select.hover .bi-input { .bi-theme-dark .bi-list-item-select.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-select:hover .bi-textarea,
.bi-theme-dark .bi-list-item-select.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active { .bi-theme-dark .bi-list-item-select.active {
color: #ffffff; color: #ffffff;
@ -3694,6 +3868,10 @@ i {
.bi-theme-dark .bi-list-item-select.active .bi-input { .bi-theme-dark .bi-list-item-select.active .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-select:active .bi-textarea,
.bi-theme-dark .bi-list-item-select.active .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-select:active .bi-high-light, .bi-theme-dark .bi-list-item-select:active .bi-high-light,
.bi-theme-dark .bi-list-item-select.active .bi-high-light { .bi-theme-dark .bi-list-item-select.active .bi-high-light {
color: #ffffff; color: #ffffff;
@ -3709,6 +3887,11 @@ i {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-input { .bi-theme-dark .bi-list-item-select.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-select.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-select.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-select.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-select.disabled .bi-high-light, .bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
@ -3723,6 +3906,10 @@ i {
.bi-list-item-none.hover .bi-input { .bi-list-item-none.hover .bi-input {
color: inherit; color: inherit;
} }
.bi-list-item-none:hover .bi-textarea,
.bi-list-item-none.hover .bi-textarea {
color: inherit;
}
.bi-list-item-none:active, .bi-list-item-none:active,
.bi-list-item-none.active { .bi-list-item-none.active {
color: inherit; color: inherit;
@ -3732,6 +3919,10 @@ i {
.bi-list-item-none.active .bi-input { .bi-list-item-none.active .bi-input {
color: inherit; color: inherit;
} }
.bi-list-item-none:active .bi-textarea,
.bi-list-item-none.active .bi-textarea {
color: inherit;
}
.bi-list-item-none:active .bi-high-light, .bi-list-item-none:active .bi-high-light,
.bi-list-item-none.active .bi-high-light { .bi-list-item-none.active .bi-high-light {
color: inherit; color: inherit;
@ -3747,6 +3938,11 @@ i {
.bi-list-item-none.disabled:active .bi-input { .bi-list-item-none.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-none.disabled .bi-textarea,
.bi-list-item-none.disabled:hover .bi-textarea,
.bi-list-item-none.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-none.disabled .bi-high-light, .bi-list-item-none.disabled .bi-high-light,
.bi-list-item-none.disabled:hover .bi-high-light, .bi-list-item-none.disabled:hover .bi-high-light,
.bi-list-item-none.disabled:active .bi-high-light { .bi-list-item-none.disabled:active .bi-high-light {
@ -3761,6 +3957,10 @@ i {
.bi-theme-dark .bi-list-item-none.hover .bi-input { .bi-theme-dark .bi-list-item-none.hover .bi-input {
color: inherit; color: inherit;
} }
.bi-theme-dark .bi-list-item-none:hover .bi-textarea,
.bi-theme-dark .bi-list-item-none.hover .bi-textarea {
color: inherit;
}
.bi-theme-dark .bi-list-item-none:active, .bi-theme-dark .bi-list-item-none:active,
.bi-theme-dark .bi-list-item-none.active { .bi-theme-dark .bi-list-item-none.active {
color: inherit; color: inherit;
@ -3770,6 +3970,10 @@ i {
.bi-theme-dark .bi-list-item-none.active .bi-input { .bi-theme-dark .bi-list-item-none.active .bi-input {
color: inherit; color: inherit;
} }
.bi-theme-dark .bi-list-item-none:active .bi-textarea,
.bi-theme-dark .bi-list-item-none.active .bi-textarea {
color: inherit;
}
.bi-theme-dark .bi-list-item-none:active .bi-high-light, .bi-theme-dark .bi-list-item-none:active .bi-high-light,
.bi-theme-dark .bi-list-item-none.active .bi-high-light { .bi-theme-dark .bi-list-item-none.active .bi-high-light {
color: inherit; color: inherit;
@ -3785,6 +3989,11 @@ i {
.bi-theme-dark .bi-list-item-none.disabled:active .bi-input { .bi-theme-dark .bi-list-item-none.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-none.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-none.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-none.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-none.disabled .bi-high-light, .bi-theme-dark .bi-list-item-none.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {

190
bi/core.js

@ -4975,6 +4975,10 @@ BI.Widget = BI.inherit(BI.OB, {
var copy = BI.UUID(), newKeys = BI.clone(keys); var copy = BI.UUID(), newKeys = BI.clone(keys);
keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g)); keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g));
var backup = self.similar.apply(self, newKeys); var backup = self.similar.apply(self, newKeys);
if (BI.isKey(backup.id)) {
copy = backup.id;
delete backup.id;
}
keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true}); keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true});
keys.unshift(copy); keys.unshift(copy);
!BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self); !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self);
@ -12254,15 +12258,20 @@ BI.FloatCenterAdaptLayout = BI.inherit(BI.Layout, {
}, },
mounted: function () { mounted: function () {
var self = this;
var width = this.left.element.outerWidth(), var width = this.left.element.outerWidth(),
height = this.left.element.outerHeight(); height = this.left.element.outerHeight();
this.left.element.width(width).height(height).css("float", "none"); this.left.element.width(width).height(height).css("float", "none");
BI.remove(this._children, function (i, wi) {
if (wi === self.container) {
delete self._children[i];
}
});
BI.createWidget({ BI.createWidget({
type: "bi.center_adapt", type: "bi.center_adapt",
element: this, element: this,
items: [this.left] items: [this.left]
}); });
this.removeWidget(this.container);
}, },
stroke: function (items) { stroke: function (items) {
@ -12317,15 +12326,20 @@ BI.FloatHorizontalLayout = BI.inherit(BI.Layout, {
}, },
mounted: function () { mounted: function () {
var self = this;
var width = this.left.element.width(), var width = this.left.element.width(),
height = this.left.element.height(); height = this.left.element.height();
this.left.element.width(width).height(height).css("float", "none"); this.left.element.width(width).height(height).css("float", "none");
BI.remove(this._children, function (i, wi) {
if (wi === self.container) {
delete self._children[i];
}
});
BI.createWidget({ BI.createWidget({
type: "bi.horizontal_auto", type: "bi.horizontal_auto",
element: this, element: this,
items: [this.left] items: [this.left]
}); });
this.removeWidget(this.container);
}, },
_addElement: function (i, item) { _addElement: function (i, item) {
@ -15929,91 +15943,91 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
delete this.tooltipsManager[name]; delete this.tooltipsManager[name];
return this; return this;
} }
});/** });/**
* *
* @class BI.FloatBoxRouter * @class BI.FloatBoxRouter
* @extends BI.WRouter * @extends BI.WRouter
*/ */
BI.FloatBoxRouter = BI.inherit(BI.WRouter, { BI.FloatBoxRouter = BI.inherit(BI.WRouter, {
routes: {}, routes: {},
_init: function () { _init: function () {
this.store = {}; this.store = {};
this.views = {}; this.views = {};
}, },
createView: function (url, modelData, viewData, context) { createView: function (url, modelData, viewData, context) {
return BI.Factory.createView(url, this.get(url), modelData || {}, viewData || {}, context) return BI.Factory.createView(url, this.get(url), modelData || {}, viewData || {}, context)
}, },
open: function (url, modelData, viewData, context, options) { open: function (url, modelData, viewData, context, options) {
var self = this, isValid = BI.isKey(modelData); var self = this, isValid = BI.isKey(modelData);
options || (options = {}); options || (options = {});
url = context.rootURL + "/" + url; url = context.rootURL + "/" + url;
var data = void 0; var data = void 0;
if (isValid) { if (isValid) {
modelData = modelData + "";//避免modelData是数字 modelData = modelData + "";//避免modelData是数字
var keys = modelData.split('.'); var keys = modelData.split('.');
BI.each(keys, function (i, k) { BI.each(keys, function (i, k) {
if (i === 0) { if (i === 0) {
data = context.model.get(k) || {}; data = context.model.get(k) || {};
} else { } else {
data = data[k] || {}; data = data[k] || {};
} }
}); });
data.id = options.id || keys[keys.length - 1]; data.id = options.id || keys[keys.length - 1];
} else { } else {
data = modelData; data = modelData;
} }
BI.extend(data, options.data); BI.extend(data, options.data);
if (!this.controller) { if (!this.controller) {
this.controller = new BI.FloatBoxController(); this.controller = new BI.FloatBoxController();
} }
if (!this.store[url]) { if (!this.store[url]) {
this.store[url] = BI.createWidget({ this.store[url] = BI.createWidget({
type: "bi.float_box" type: "bi.float_box"
}, options); }, options);
var view = this.createView(url, data, viewData, context); var view = this.createView(url, data, viewData, context);
isValid && context.model.addChild(modelData, view.model); isValid && context.model.addChild(modelData, view.model);
view.listenTo(view.model, "destroy", function () { view.listenTo(view.model, "destroy", function () {
self.remove(url, context); self.remove(url, context);
}); });
context.on(BI.Events.UNMOUNT, function () { context.on(BI.Events.UNMOUNT, function () {
self.remove(url, context); self.remove(url, context);
}); });
this.store[url].populate(view); this.store[url].populate(view);
this.views[url] = view; this.views[url] = view;
this.controller.add(url, this.store[url]); this.controller.add(url, this.store[url]);
context && context.on("end:" + view.cid, function () { context && context.on("end:" + view.cid, function () {
BI.nextTick(function () { BI.nextTick(function () {
self.close(url); self.close(url);
// view.end(); // view.end();
(context.listenEnd.apply(context, isValid ? modelData.split('.') : [modelData]) !== false) && context.populate(); (context.listenEnd.apply(context, isValid ? modelData.split('.') : [modelData]) !== false) && context.populate();
}, 30) }, 30)
}).on("change:" + view.cid, _.bind(context.notifyParent, context)) }).on("change:" + view.cid, _.bind(context.notifyParent, context))
} }
this.controller.open(url); this.controller.open(url);
this.views[url].populate(data, options.force || true); this.views[url].populate(data, options.force || true);
return this; return this;
}, },
close: function (url) { close: function (url) {
if (this.controller) { if (this.controller) {
this.controller.close(url); this.controller.close(url);
} }
return this; return this;
}, },
remove: function (url, context) { remove: function (url, context) {
url = context.rootURL + "/" + url; url = context.rootURL + "/" + url;
if (this.controller) { if (this.controller) {
this.controller.remove(url); this.controller.remove(url);
delete this.store[url]; delete this.store[url];
this.views[url] && this.views[url].model.destroy(); this.views[url] && this.views[url].model.destroy();
delete this.views[url]; delete this.views[url];
} }
return this; return this;
} }
});/** });/**
* 统一绑定事件 * 统一绑定事件
* @type {*|void|Object} * @type {*|void|Object}
@ -16139,7 +16153,7 @@ BI.extend(jQuery.fn, {
* @private * @private
*/ */
__textKeywordMarked__: function (text, keyword, py) { __textKeywordMarked__: function (text, keyword, py) {
if (!BI.isKey(keyword)) { if (!BI.isKey(keyword) || (text + "").length > 100) {
return this.text((text + "").replaceAll(" ", " ")); return this.text((text + "").replaceAll(" ", " "));
} }
keyword = keyword + ""; keyword = keyword + "";

700
bi/widget.css

@ -1,44 +1,44 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement .arrangement-helper { .bi-arrangement .arrangement-helper {
background: #3f8ce8; background: #3f8ce8;
z-index: 1000000000; z-index: 1000000000;
} }
.bi-arrangement .arrangement-block { .bi-arrangement .arrangement-block {
z-index: 1000000000; z-index: 1000000000;
} }
.bi-arrangement .arrangement-drop-container { .bi-arrangement .arrangement-drop-container {
z-index: 1000000000; z-index: 1000000000;
} }
.bi-arrangement .arrangement-drop-container .arrangement-drop-region { .bi-arrangement .arrangement-drop-container .arrangement-drop-region {
overflow: hidden; overflow: hidden;
} }
.bi-arrangement .arrangement-drop-container .drop-devider { .bi-arrangement .arrangement-drop-container .drop-devider {
z-index: 1000000001; z-index: 1000000001;
background: #3f8ce8; background: #3f8ce8;
} }
.bi-arrangement .arrangement-drop-container .top-left, .bi-arrangement .arrangement-drop-container .top-left,
.bi-arrangement .arrangement-drop-container .top-right, .bi-arrangement .arrangement-drop-container .top-right,
.bi-arrangement .arrangement-drop-container .bottom-left, .bi-arrangement .arrangement-drop-container .bottom-left,
.bi-arrangement .arrangement-drop-container .bottom-right, .bi-arrangement .arrangement-drop-container .bottom-right,
.bi-arrangement .arrangement-drop-container .top-left-second, .bi-arrangement .arrangement-drop-container .top-left-second,
.bi-arrangement .arrangement-drop-container .top-right-second, .bi-arrangement .arrangement-drop-container .top-right-second,
.bi-arrangement .arrangement-drop-container .bottom-left-second, .bi-arrangement .arrangement-drop-container .bottom-left-second,
.bi-arrangement .arrangement-drop-container .bottom-right-second, .bi-arrangement .arrangement-drop-container .bottom-right-second,
.bi-arrangement .arrangement-drop-container .top-center, .bi-arrangement .arrangement-drop-container .top-center,
.bi-arrangement .arrangement-drop-container .bottom-center, .bi-arrangement .arrangement-drop-container .bottom-center,
.bi-arrangement .arrangement-drop-container .left-center, .bi-arrangement .arrangement-drop-container .left-center,
.bi-arrangement .arrangement-drop-container .right-center, .bi-arrangement .arrangement-drop-container .right-center,
.bi-arrangement .arrangement-drop-container .top-center-second, .bi-arrangement .arrangement-drop-container .top-center-second,
.bi-arrangement .arrangement-drop-container .bottom-center-second, .bi-arrangement .arrangement-drop-container .bottom-center-second,
.bi-arrangement .arrangement-drop-container .left-center-second, .bi-arrangement .arrangement-drop-container .left-center-second,
.bi-arrangement .arrangement-drop-container .right-center-second { .bi-arrangement .arrangement-drop-container .right-center-second {
z-index: 1000000001; z-index: 1000000001;
background: #3f8ce8; background: #3f8ce8;
} }
.bi-arrangement-droppable { .bi-arrangement-droppable {
z-index: 100000; z-index: 100000;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -105,312 +105,312 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/ /*************BI.SearchEditor******************/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-date-trigger { .bi-date-trigger {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-down-list-popup .bi-down-list-item .list-item-text { .bi-down-list-popup .bi-down-list-item .list-item-text {
max-width: 203px; max-width: 203px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table > div.bottom-right > div > div > table { .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #d4dadd; border-right: 1px solid #d4dadd;
} }
.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table { .bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #525466; border-right: 1px solid #525466;
} }
.bi-excel-table-header-cell { .bi-excel-table-header-cell {
font-weight: bold; font-weight: bold;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-nav-button .file-manager-nav-button-text { .bi-file-manager-nav-button .file-manager-nav-button-text {
max-width: 200px; max-width: 200px;
} }
.bi-file-manager-nav-button .file-manager-nav-button-text.active { .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #eff1f4; background-color: #eff1f4;
color: #999999; color: #999999;
} }
.bi-file-manager-nav-button .file-manager-nav-button-triangle { .bi-file-manager-nav-button .file-manager-nav-button-triangle {
z-index: 1; z-index: 1;
} }
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active { .bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #191b2b; background-color: #191b2b;
color: #999999; color: #999999;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-fine-tuning-number-editor { .bi-fine-tuning-number-editor {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-interactive-arrangement .interactive-arrangement-dragtag-line { .bi-interactive-arrangement .interactive-arrangement-dragtag-line {
z-index: 1000000000; z-index: 1000000000;
background-color: #f07d0a; background-color: #f07d0a;
} }
.bi-interactive-arrangement .interactive-arrangement-dragtag-icon { .bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
z-index: 1000000000; z-index: 1000000000;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-month-trigger { .bi-month-trigger {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-multi-select-check-pane .multi-select-check-selected { .bi-multi-select-check-pane .multi-select-check-selected {
text-decoration: underline; text-decoration: underline;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-combo .multi-select-trigger-icon-button { .bi-multi-select-combo .multi-select-trigger-icon-button {
font-size: 16px; font-size: 16px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-trigger { .bi-multi-select-trigger {
-webkit-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;
} }
.bi-multi-select-search-pane .multi-select-toolbar { .bi-multi-select-search-pane .multi-select-toolbar {
color: #e85050; color: #e85050;
} }
.bi-multi-select-check-selected-button { .bi-multi-select-check-selected-button {
z-index: 1; z-index: 1;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-pane .multi-tree-check-selected { .bi-multi-tree-check-pane .multi-tree-check-selected {
color: #3f8ce8; color: #3f8ce8;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-combo .multi-select-trigger-icon-button { .bi-multi-tree-combo .multi-select-trigger-icon-button {
font-size: 16px; font-size: 16px;
} }
.bi-multi-tree-popup .popup-view-tree { .bi-multi-tree-popup .popup-view-tree {
min-height: 170px; min-height: 170px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-selected-button .trigger-check-selected { .bi-multi-tree-check-selected-button .trigger-check-selected {
color: #3f8ce8; color: #3f8ce8;
z-index: 1; z-index: 1;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-numerical-interval .numerical-interval-small-editor { .bi-numerical-interval .numerical-interval-small-editor {
-moz-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-editor { .bi-numerical-interval .numerical-interval-big-editor {
-moz-border-radius-topright: 2px; -moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-combo { .bi-numerical-interval .numerical-interval-big-combo {
-moz-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { .bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
font-size: 14px; font-size: 14px;
} }
.bi-numerical-interval .numerical-interval-small-combo { .bi-numerical-interval .numerical-interval-small-combo {
-moz-border-radius-topright: 2px; -moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { .bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
font-size: 14px; font-size: 14px;
} }
.bi-numerical-interval.number-error .bi-input { .bi-numerical-interval.number-error .bi-input {
color: #e85050; color: #e85050;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-page-table-cell { .bi-page-table-cell {
-webkit-user-select: initial; -webkit-user-select: initial;
-khtml-user-select: initial; -khtml-user-select: initial;
-moz-user-select: initial; -moz-user-select: initial;
-ms-user-select: initial; -ms-user-select: initial;
-o-user-select: initial; -o-user-select: initial;
user-select: initial; user-select: initial;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-path-chooser .path-chooser-radio { .bi-path-chooser .path-chooser-radio {
z-index: 1; z-index: 1;
} }
.bi-path-region .path-region-label { .bi-path-region .path-region-label {
z-index: 1; z-index: 1;
} }
.bi-preview-table-cell { .bi-preview-table-cell {
min-height: 25px; min-height: 25px;
min-width: 80px; min-width: 80px;
max-width: 220px; max-width: 220px;
} }
.bi-preview-table { .bi-preview-table {
-webkit-user-select: initial; -webkit-user-select: initial;
-khtml-user-select: initial; -khtml-user-select: initial;
-moz-user-select: initial; -moz-user-select: initial;
-ms-user-select: initial; -ms-user-select: initial;
-o-user-select: initial; -o-user-select: initial;
user-select: initial; user-select: initial;
} }
.bi-preview-table > div > table > thead > tr.odd, .bi-preview-table > div > table > thead > tr.odd,
.bi-preview-table > div > div > div > table > thead > tr.odd { .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #eff1f4; background-color: #eff1f4;
} }
.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd, .bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd { .bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #191b2b; background-color: #191b2b;
} }
.bi-preview-table-header-cell { .bi-preview-table-header-cell {
font-weight: bold; font-weight: bold;
min-height: 25px; min-height: 25px;
min-width: 80px; min-width: 80px;
max-width: 220px; max-width: 220px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-quarter-trigger { .bi-quarter-trigger {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-region .relation-view-region-container { .bi-relation-view-region .relation-view-region-container {
z-index: 1; z-index: 1;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-relation-view-region .relation-view-region-container.other-package { .bi-relation-view-region .relation-view-region-container.other-package {
border-style: dashed; border-style: dashed;
} }
.bi-sequence-table-dynamic-number .sequence-table-title-cell { .bi-sequence-table-dynamic-number .sequence-table-title-cell {
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
.bi-sequence-table-dynamic-number .sequence-table-number-cell { .bi-sequence-table-dynamic-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
.bi-sequence-table-list-number .sequence-table-title-cell { .bi-sequence-table-list-number .sequence-table-title-cell {
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
.bi-sequence-table-list-number .sequence-table-number-cell { .bi-sequence-table-list-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-sequence-table-tree-number .sequence-table-title-cell { .bi-sequence-table-tree-number .sequence-table-title-cell {
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
.bi-sequence-table-tree-number .sequence-table-number-cell { .bi-sequence-table-tree-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-popup .year-popup-navigation { .bi-year-popup .year-popup-navigation {
line-height: 30px; line-height: 30px;
} }
.bi-year-popup .year-popup-navigation > .center-element { .bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #d4dadd; border-left: 1px solid #d4dadd;
} }
.bi-year-popup .year-popup-navigation > .first-element { .bi-year-popup .year-popup-navigation > .first-element {
border-left: none; border-left: none;
} }
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element { .bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #525466; border-left: 1px solid #525466;
} }
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element { .bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
border-left: none; border-left: none;
} }
.bi-year-trigger { .bi-year-trigger {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }

2090
bi/widget.js

File diff suppressed because it is too large Load Diff

11
docs/base.js

@ -18335,7 +18335,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
tagName: "textarea", tagName: "textarea",
width: "100%", width: "100%",
height: "100%", height: "100%",
cls: "textarea-editor-content display-block" cls: "bi-textarea textarea-editor-content display-block"
}); });
this.content.element.css({"resize": "none"}); this.content.element.css({"resize": "none"});
BI.createWidget({ BI.createWidget({
@ -18523,6 +18523,15 @@ BI.Iframe = BI.inherit(BI.Single, {
return this.options.src; return this.options.src;
}, },
setName: function (name) {
this.options.name = name;
this.element.attr("name", name);
},
getName: function () {
return this.options.name;
},
getWidth: function () { getWidth: function () {
return this.options.width return this.options.width
}, },

108
docs/chart.js

@ -1,57 +1,57 @@
/** /**
* 图表控件 * 图表控件
* @class BI.Chart * @class BI.Chart
* @extends BI.Widget * @extends BI.Widget
*/ */
BI.Chart = BI.inherit(BI.Pane, { BI.Chart = BI.inherit(BI.Pane, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.Chart.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.Chart.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-chart" baseCls: "bi-chart"
}) })
}, },
_init: function () { _init: function () {
BI.Chart.superclass._init.apply(this, arguments); BI.Chart.superclass._init.apply(this, arguments);
var self = this, o = this.options; var self = this, o = this.options;
this.isSetOptions = false; this.isSetOptions = false;
this.vanCharts = VanCharts.init(self.element[0]); this.vanCharts = VanCharts.init(self.element[0]);
this._resizer = BI.debounce(function () { this._resizer = BI.debounce(function () {
if (self.element.width() > 0 && self.element.height() > 0) { if (self.element.width() > 0 && self.element.height() > 0) {
self.vanCharts.resize(); self.vanCharts.resize();
} }
}, 30); }, 30);
BI.ResizeDetector.addResizeListener(this, function (e) { BI.ResizeDetector.addResizeListener(this, function (e) {
self._resizer(); self._resizer();
}); });
}, },
resize: function () { resize: function () {
if (this.isSetOptions === true) { if (this.isSetOptions === true) {
this._resizer(); this._resizer();
} }
}, },
magnify: function () { magnify: function () {
this.vanCharts.refreshRestore() this.vanCharts.refreshRestore()
}, },
populate: function (items, options) { populate: function (items, options) {
var self = this, o = this.options; var self = this, o = this.options;
o.items = items; o.items = items;
this.config = options || {}; this.config = options || {};
this.config.series = o.items; this.config.series = o.items;
var setOptions = function () { var setOptions = function () {
self.vanCharts.setOptions(self.config); self.vanCharts.setOptions(self.config);
self.isSetOptions = true; self.isSetOptions = true;
}; };
BI.nextTick(setOptions); BI.nextTick(setOptions);
} }
}); });
BI.Chart.EVENT_CHANGE = "EVENT_CHANGE"; BI.Chart.EVENT_CHANGE = "EVENT_CHANGE";
BI.shortcut('bi.chart', BI.Chart);/** BI.shortcut('bi.chart', BI.Chart);/**
* 图表控件 * 图表控件
* @class BI.CombineChart * @class BI.CombineChart

209
docs/core.css

@ -3181,6 +3181,9 @@ i {
.base-disabled .bi-input { .base-disabled .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.base-disabled .bi-textarea {
color: #cccccc !important;
}
.base-disabled .b-font:before { .base-disabled .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
@ -3190,6 +3193,9 @@ i {
.bi-theme-dark .base-disabled .bi-input { .bi-theme-dark .base-disabled .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .base-disabled .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .base-disabled .b-font:before { .bi-theme-dark .base-disabled .b-font:before {
color: #666666 !important; color: #666666 !important;
} }
@ -3215,6 +3221,9 @@ i {
.bi-background .bi-input { .bi-background .bi-input {
color: #666666; color: #666666;
} }
.bi-background .bi-textarea {
color: #666666;
}
.bi-theme-dark .bi-background { .bi-theme-dark .bi-background {
background-color: #191b2b; background-color: #191b2b;
color: #cccccc; color: #cccccc;
@ -3222,6 +3231,9 @@ i {
.bi-theme-dark .bi-background .bi-input { .bi-theme-dark .bi-background .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-theme-dark .bi-background .bi-textarea {
color: #cccccc;
}
.bi-card { .bi-card {
background-color: #ffffff; background-color: #ffffff;
color: #666666; color: #666666;
@ -3229,6 +3241,9 @@ i {
.bi-card .bi-input { .bi-card .bi-input {
color: #666666; color: #666666;
} }
.bi-card .bi-textarea {
color: #666666;
}
.bi-theme-dark .bi-card { .bi-theme-dark .bi-card {
background-color: #242640; background-color: #242640;
color: #cccccc; color: #cccccc;
@ -3236,24 +3251,36 @@ i {
.bi-theme-dark .bi-card .bi-input { .bi-theme-dark .bi-card .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-theme-dark .bi-card .bi-textarea {
color: #cccccc;
}
.bi-disabled { .bi-disabled {
color: #cccccc; color: #cccccc;
} }
.bi-disabled .bi-input { .bi-disabled .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-disabled .bi-textarea {
color: #cccccc;
}
.bi-theme-dark .bi-disabled { .bi-theme-dark .bi-disabled {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-disabled .bi-input { .bi-theme-dark .bi-disabled .bi-input {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-disabled .bi-textarea {
color: #666666;
}
.bi-tips { .bi-tips {
color: #999999; color: #999999;
} }
.bi-tips .bi-input { .bi-tips .bi-input {
color: #999999; color: #999999;
} }
.bi-tips .bi-textarea {
color: #999999;
}
.bi-border { .bi-border {
border: 1px solid #d4dadd; border: 1px solid #d4dadd;
} }
@ -3290,12 +3317,18 @@ i {
.bi-keyword-red-mark .bi-input { .bi-keyword-red-mark .bi-input {
color: #f07d0a; color: #f07d0a;
} }
.bi-keyword-red-mark .bi-textarea {
color: #f07d0a;
}
.bi-high-light { .bi-high-light {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-high-light .bi-input { .bi-high-light .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-high-light .bi-textarea {
color: #3f8ce8;
}
.bi-high-light-background { .bi-high-light-background {
background-color: #3f8ce8; background-color: #3f8ce8;
color: #ffffff; color: #ffffff;
@ -3303,6 +3336,9 @@ i {
.bi-high-light-background .bi-input { .bi-high-light-background .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-high-light-background .bi-textarea {
color: #ffffff;
}
.bi-high-light-border { .bi-high-light-border {
border-color: #178cdf; border-color: #178cdf;
} }
@ -3313,12 +3349,18 @@ i {
.bi-water-mark .bi-input { .bi-water-mark .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-water-mark .bi-textarea {
color: #cccccc;
}
.bi-theme-dark .bi-water-mark { .bi-theme-dark .bi-water-mark {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-water-mark .bi-input { .bi-theme-dark .bi-water-mark .bi-input {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-water-mark .bi-textarea {
color: #666666;
}
.bi-resizer { .bi-resizer {
background: #1a1a1a; background: #1a1a1a;
opacity: 0.2; opacity: 0.2;
@ -3336,6 +3378,9 @@ i {
.bi-mask .bi-input { .bi-mask .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-mask .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-mask { .bi-theme-dark .bi-mask {
color: #242640; color: #242640;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
@ -3344,6 +3389,9 @@ i {
.bi-theme-dark .bi-mask .bi-input { .bi-theme-dark .bi-mask .bi-input {
color: #242640; color: #242640;
} }
.bi-theme-dark .bi-mask .bi-textarea {
color: #242640;
}
.bi-z-index-mask { .bi-z-index-mask {
color: #ffffff; color: #ffffff;
background-color: rgba(26, 26, 26, 0.5); background-color: rgba(26, 26, 26, 0.5);
@ -3352,6 +3400,9 @@ i {
.bi-z-index-mask .bi-input { .bi-z-index-mask .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-z-index-mask .bi-textarea {
color: #ffffff;
}
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {
color: #1a1a1a; color: #1a1a1a;
@ -3362,6 +3413,10 @@ i {
.bi-list-item.hover .bi-input { .bi-list-item.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item:hover .bi-textarea,
.bi-list-item.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item.disabled, .bi-list-item.disabled,
.bi-list-item.disabled:hover, .bi-list-item.disabled:hover,
.bi-list-item.disabled:active { .bi-list-item.disabled:active {
@ -3373,6 +3428,11 @@ i {
.bi-list-item.disabled:active .bi-input { .bi-list-item.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item.disabled .bi-textarea,
.bi-list-item.disabled:hover .bi-textarea,
.bi-list-item.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item.disabled .bi-high-light, .bi-list-item.disabled .bi-high-light,
.bi-list-item.disabled:hover .bi-high-light, .bi-list-item.disabled:hover .bi-high-light,
.bi-list-item.disabled:active .bi-high-light { .bi-list-item.disabled:active .bi-high-light {
@ -3388,6 +3448,10 @@ i {
.bi-theme-dark .bi-list-item.hover .bi-input { .bi-theme-dark .bi-list-item.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item:hover .bi-textarea,
.bi-theme-dark .bi-list-item.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item.disabled, .bi-theme-dark .bi-list-item.disabled,
.bi-theme-dark .bi-list-item.disabled:hover, .bi-theme-dark .bi-list-item.disabled:hover,
.bi-theme-dark .bi-list-item.disabled:active { .bi-theme-dark .bi-list-item.disabled:active {
@ -3399,6 +3463,11 @@ i {
.bi-theme-dark .bi-list-item.disabled:active .bi-input { .bi-theme-dark .bi-list-item.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item.disabled .bi-textarea,
.bi-theme-dark .bi-list-item.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item.disabled .bi-high-light, .bi-theme-dark .bi-list-item.disabled .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
@ -3414,6 +3483,9 @@ i {
.bi-list-item-simple .bi-input { .bi-list-item-simple .bi-input {
color: #999999; color: #999999;
} }
.bi-list-item-simple .bi-textarea {
color: #999999;
}
.bi-list-item-simple:hover, .bi-list-item-simple:hover,
.bi-list-item-simple.hover { .bi-list-item-simple.hover {
color: #3f8ce8; color: #3f8ce8;
@ -3422,6 +3494,10 @@ i {
.bi-list-item-simple.hover .bi-input { .bi-list-item-simple.hover .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-simple:hover .bi-textarea,
.bi-list-item-simple.hover .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-simple.disabled, .bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover, .bi-list-item-simple.disabled:hover,
.bi-list-item-simple.disabled:active { .bi-list-item-simple.disabled:active {
@ -3432,6 +3508,11 @@ i {
.bi-list-item-simple.disabled:active .bi-input { .bi-list-item-simple.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-simple.disabled .bi-textarea,
.bi-list-item-simple.disabled:hover .bi-textarea,
.bi-list-item-simple.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-simple.disabled .bi-high-light, .bi-list-item-simple.disabled .bi-high-light,
.bi-list-item-simple.disabled:hover .bi-high-light, .bi-list-item-simple.disabled:hover .bi-high-light,
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
@ -3443,6 +3524,9 @@ i {
.bi-list-item-effect:hover .bi-input { .bi-list-item-effect:hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-effect:hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-effect.active, .bi-list-item-effect.active,
.bi-list-item-effect:active { .bi-list-item-effect:active {
color: #3f8ce8; color: #3f8ce8;
@ -3451,6 +3535,10 @@ i {
.bi-list-item-effect:active .bi-input { .bi-list-item-effect:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-effect.active .bi-textarea,
.bi-list-item-effect:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-effect.disabled, .bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active { .bi-list-item-effect.disabled:active {
@ -3461,6 +3549,11 @@ i {
.bi-list-item-effect.disabled:active .bi-input { .bi-list-item-effect.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-effect.disabled .bi-textarea,
.bi-list-item-effect.disabled:hover .bi-textarea,
.bi-list-item-effect.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-effect.disabled .bi-high-light, .bi-list-item-effect.disabled .bi-high-light,
.bi-list-item-effect.disabled:hover .bi-high-light, .bi-list-item-effect.disabled:hover .bi-high-light,
.bi-list-item-effect.disabled:active .bi-high-light { .bi-list-item-effect.disabled:active .bi-high-light {
@ -3472,6 +3565,9 @@ i {
.bi-theme-dark .bi-list-item-effect:hover .bi-input { .bi-theme-dark .bi-list-item-effect:hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-effect:hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-effect.active, .bi-theme-dark .bi-list-item-effect.active,
.bi-theme-dark .bi-list-item-effect:active { .bi-theme-dark .bi-list-item-effect:active {
color: #3f8ce8; color: #3f8ce8;
@ -3480,6 +3576,10 @@ i {
.bi-theme-dark .bi-list-item-effect:active .bi-input { .bi-theme-dark .bi-list-item-effect:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-effect.active .bi-textarea,
.bi-theme-dark .bi-list-item-effect:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-effect.disabled, .bi-theme-dark .bi-list-item-effect.disabled,
.bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:hover,
.bi-theme-dark .bi-list-item-effect.disabled:active { .bi-theme-dark .bi-list-item-effect.disabled:active {
@ -3491,6 +3591,11 @@ i {
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-input { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-effect.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-effect.disabled .bi-high-light, .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
@ -3506,6 +3611,10 @@ i {
.bi-list-item-active.hover .bi-input { .bi-list-item-active.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-active:hover .bi-textarea,
.bi-list-item-active.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-active.active, .bi-list-item-active.active,
.bi-list-item-active:active { .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
@ -3516,6 +3625,10 @@ i {
.bi-list-item-active:active .bi-input { .bi-list-item-active:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-active.active .bi-textarea,
.bi-list-item-active:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-active.disabled, .bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active { .bi-list-item-active.disabled:active {
@ -3527,6 +3640,11 @@ i {
.bi-list-item-active.disabled:active .bi-input { .bi-list-item-active.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-active.disabled .bi-textarea,
.bi-list-item-active.disabled:hover .bi-textarea,
.bi-list-item-active.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-active.disabled .bi-high-light, .bi-list-item-active.disabled .bi-high-light,
.bi-list-item-active.disabled:hover .bi-high-light, .bi-list-item-active.disabled:hover .bi-high-light,
.bi-list-item-active.disabled:active .bi-high-light { .bi-list-item-active.disabled:active .bi-high-light {
@ -3542,6 +3660,10 @@ i {
.bi-theme-dark .bi-list-item-active.hover .bi-input { .bi-theme-dark .bi-list-item-active.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-active:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active { .bi-theme-dark .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
@ -3552,6 +3674,10 @@ i {
.bi-theme-dark .bi-list-item-active:active .bi-input { .bi-theme-dark .bi-list-item-active:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-active.active .bi-textarea,
.bi-theme-dark .bi-list-item-active:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-active.disabled, .bi-theme-dark .bi-list-item-active.disabled,
.bi-theme-dark .bi-list-item-active.disabled:hover, .bi-theme-dark .bi-list-item-active.disabled:hover,
.bi-theme-dark .bi-list-item-active.disabled:active { .bi-theme-dark .bi-list-item-active.disabled:active {
@ -3563,6 +3689,11 @@ i {
.bi-theme-dark .bi-list-item-active.disabled:active .bi-input { .bi-theme-dark .bi-list-item-active.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-active.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-active.disabled .bi-high-light, .bi-theme-dark .bi-list-item-active.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
@ -3577,6 +3708,10 @@ i {
.bi-list-item-active2.hover .bi-input { .bi-list-item-active2.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-active2:hover .bi-textarea,
.bi-list-item-active2.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-active2.active, .bi-list-item-active2.active,
.bi-list-item-active2:active { .bi-list-item-active2:active {
color: #3f8ce8; color: #3f8ce8;
@ -3586,6 +3721,10 @@ i {
.bi-list-item-active2:active .bi-input { .bi-list-item-active2:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-active2.active .bi-textarea,
.bi-list-item-active2:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-active2.disabled, .bi-list-item-active2.disabled,
.bi-list-item-active2.disabled:hover, .bi-list-item-active2.disabled:hover,
.bi-list-item-active2.disabled:active { .bi-list-item-active2.disabled:active {
@ -3597,6 +3736,11 @@ i {
.bi-list-item-active2.disabled:active .bi-input { .bi-list-item-active2.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-active2.disabled .bi-textarea,
.bi-list-item-active2.disabled:hover .bi-textarea,
.bi-list-item-active2.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-active2.disabled .bi-high-light, .bi-list-item-active2.disabled .bi-high-light,
.bi-list-item-active2.disabled:hover .bi-high-light, .bi-list-item-active2.disabled:hover .bi-high-light,
.bi-list-item-active2.disabled:active .bi-high-light { .bi-list-item-active2.disabled:active .bi-high-light {
@ -3611,6 +3755,10 @@ i {
.bi-theme-dark .bi-list-item-active2.hover .bi-input { .bi-theme-dark .bi-list-item-active2.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-active2:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active2.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active2.active, .bi-theme-dark .bi-list-item-active2.active,
.bi-theme-dark .bi-list-item-active2:active { .bi-theme-dark .bi-list-item-active2:active {
color: #3f8ce8; color: #3f8ce8;
@ -3620,6 +3768,10 @@ i {
.bi-theme-dark .bi-list-item-active2:active .bi-input { .bi-theme-dark .bi-list-item-active2:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-active2.active .bi-textarea,
.bi-theme-dark .bi-list-item-active2:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-active2.disabled, .bi-theme-dark .bi-list-item-active2.disabled,
.bi-theme-dark .bi-list-item-active2.disabled:hover, .bi-theme-dark .bi-list-item-active2.disabled:hover,
.bi-theme-dark .bi-list-item-active2.disabled:active { .bi-theme-dark .bi-list-item-active2.disabled:active {
@ -3631,6 +3783,11 @@ i {
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-input { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-active2.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-active2.disabled .bi-high-light, .bi-theme-dark .bi-list-item-active2.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
@ -3646,6 +3803,10 @@ i {
.bi-list-item-select.hover .bi-input { .bi-list-item-select.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-select:hover .bi-textarea,
.bi-list-item-select.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-select:active, .bi-list-item-select:active,
.bi-list-item-select.active { .bi-list-item-select.active {
color: #ffffff; color: #ffffff;
@ -3655,6 +3816,10 @@ i {
.bi-list-item-select.active .bi-input { .bi-list-item-select.active .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-list-item-select:active .bi-textarea,
.bi-list-item-select.active .bi-textarea {
color: #ffffff;
}
.bi-list-item-select:active .bi-high-light, .bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light { .bi-list-item-select.active .bi-high-light {
color: #ffffff; color: #ffffff;
@ -3670,6 +3835,11 @@ i {
.bi-list-item-select.disabled:active .bi-input { .bi-list-item-select.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-select.disabled .bi-textarea,
.bi-list-item-select.disabled:hover .bi-textarea,
.bi-list-item-select.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-select.disabled .bi-high-light, .bi-list-item-select.disabled .bi-high-light,
.bi-list-item-select.disabled:hover .bi-high-light, .bi-list-item-select.disabled:hover .bi-high-light,
.bi-list-item-select.disabled:active .bi-high-light { .bi-list-item-select.disabled:active .bi-high-light {
@ -3685,6 +3855,10 @@ i {
.bi-theme-dark .bi-list-item-select.hover .bi-input { .bi-theme-dark .bi-list-item-select.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-select:hover .bi-textarea,
.bi-theme-dark .bi-list-item-select.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active { .bi-theme-dark .bi-list-item-select.active {
color: #ffffff; color: #ffffff;
@ -3694,6 +3868,10 @@ i {
.bi-theme-dark .bi-list-item-select.active .bi-input { .bi-theme-dark .bi-list-item-select.active .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-select:active .bi-textarea,
.bi-theme-dark .bi-list-item-select.active .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-select:active .bi-high-light, .bi-theme-dark .bi-list-item-select:active .bi-high-light,
.bi-theme-dark .bi-list-item-select.active .bi-high-light { .bi-theme-dark .bi-list-item-select.active .bi-high-light {
color: #ffffff; color: #ffffff;
@ -3709,6 +3887,11 @@ i {
.bi-theme-dark .bi-list-item-select.disabled:active .bi-input { .bi-theme-dark .bi-list-item-select.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-select.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-select.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-select.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-select.disabled .bi-high-light, .bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
@ -3723,6 +3906,10 @@ i {
.bi-list-item-none.hover .bi-input { .bi-list-item-none.hover .bi-input {
color: inherit; color: inherit;
} }
.bi-list-item-none:hover .bi-textarea,
.bi-list-item-none.hover .bi-textarea {
color: inherit;
}
.bi-list-item-none:active, .bi-list-item-none:active,
.bi-list-item-none.active { .bi-list-item-none.active {
color: inherit; color: inherit;
@ -3732,6 +3919,10 @@ i {
.bi-list-item-none.active .bi-input { .bi-list-item-none.active .bi-input {
color: inherit; color: inherit;
} }
.bi-list-item-none:active .bi-textarea,
.bi-list-item-none.active .bi-textarea {
color: inherit;
}
.bi-list-item-none:active .bi-high-light, .bi-list-item-none:active .bi-high-light,
.bi-list-item-none.active .bi-high-light { .bi-list-item-none.active .bi-high-light {
color: inherit; color: inherit;
@ -3747,6 +3938,11 @@ i {
.bi-list-item-none.disabled:active .bi-input { .bi-list-item-none.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-none.disabled .bi-textarea,
.bi-list-item-none.disabled:hover .bi-textarea,
.bi-list-item-none.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-none.disabled .bi-high-light, .bi-list-item-none.disabled .bi-high-light,
.bi-list-item-none.disabled:hover .bi-high-light, .bi-list-item-none.disabled:hover .bi-high-light,
.bi-list-item-none.disabled:active .bi-high-light { .bi-list-item-none.disabled:active .bi-high-light {
@ -3761,6 +3957,10 @@ i {
.bi-theme-dark .bi-list-item-none.hover .bi-input { .bi-theme-dark .bi-list-item-none.hover .bi-input {
color: inherit; color: inherit;
} }
.bi-theme-dark .bi-list-item-none:hover .bi-textarea,
.bi-theme-dark .bi-list-item-none.hover .bi-textarea {
color: inherit;
}
.bi-theme-dark .bi-list-item-none:active, .bi-theme-dark .bi-list-item-none:active,
.bi-theme-dark .bi-list-item-none.active { .bi-theme-dark .bi-list-item-none.active {
color: inherit; color: inherit;
@ -3770,6 +3970,10 @@ i {
.bi-theme-dark .bi-list-item-none.active .bi-input { .bi-theme-dark .bi-list-item-none.active .bi-input {
color: inherit; color: inherit;
} }
.bi-theme-dark .bi-list-item-none:active .bi-textarea,
.bi-theme-dark .bi-list-item-none.active .bi-textarea {
color: inherit;
}
.bi-theme-dark .bi-list-item-none:active .bi-high-light, .bi-theme-dark .bi-list-item-none:active .bi-high-light,
.bi-theme-dark .bi-list-item-none.active .bi-high-light { .bi-theme-dark .bi-list-item-none.active .bi-high-light {
color: inherit; color: inherit;
@ -3785,6 +3989,11 @@ i {
.bi-theme-dark .bi-list-item-none.disabled:active .bi-input { .bi-theme-dark .bi-list-item-none.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-none.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-none.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-none.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-none.disabled .bi-high-light, .bi-theme-dark .bi-list-item-none.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {

19386
docs/core.js

File diff suppressed because it is too large Load Diff

700
docs/widget.css

@ -1,44 +1,44 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement .arrangement-helper { .bi-arrangement .arrangement-helper {
background: #3f8ce8; background: #3f8ce8;
z-index: 1000000000; z-index: 1000000000;
} }
.bi-arrangement .arrangement-block { .bi-arrangement .arrangement-block {
z-index: 1000000000; z-index: 1000000000;
} }
.bi-arrangement .arrangement-drop-container { .bi-arrangement .arrangement-drop-container {
z-index: 1000000000; z-index: 1000000000;
} }
.bi-arrangement .arrangement-drop-container .arrangement-drop-region { .bi-arrangement .arrangement-drop-container .arrangement-drop-region {
overflow: hidden; overflow: hidden;
} }
.bi-arrangement .arrangement-drop-container .drop-devider { .bi-arrangement .arrangement-drop-container .drop-devider {
z-index: 1000000001; z-index: 1000000001;
background: #3f8ce8; background: #3f8ce8;
} }
.bi-arrangement .arrangement-drop-container .top-left, .bi-arrangement .arrangement-drop-container .top-left,
.bi-arrangement .arrangement-drop-container .top-right, .bi-arrangement .arrangement-drop-container .top-right,
.bi-arrangement .arrangement-drop-container .bottom-left, .bi-arrangement .arrangement-drop-container .bottom-left,
.bi-arrangement .arrangement-drop-container .bottom-right, .bi-arrangement .arrangement-drop-container .bottom-right,
.bi-arrangement .arrangement-drop-container .top-left-second, .bi-arrangement .arrangement-drop-container .top-left-second,
.bi-arrangement .arrangement-drop-container .top-right-second, .bi-arrangement .arrangement-drop-container .top-right-second,
.bi-arrangement .arrangement-drop-container .bottom-left-second, .bi-arrangement .arrangement-drop-container .bottom-left-second,
.bi-arrangement .arrangement-drop-container .bottom-right-second, .bi-arrangement .arrangement-drop-container .bottom-right-second,
.bi-arrangement .arrangement-drop-container .top-center, .bi-arrangement .arrangement-drop-container .top-center,
.bi-arrangement .arrangement-drop-container .bottom-center, .bi-arrangement .arrangement-drop-container .bottom-center,
.bi-arrangement .arrangement-drop-container .left-center, .bi-arrangement .arrangement-drop-container .left-center,
.bi-arrangement .arrangement-drop-container .right-center, .bi-arrangement .arrangement-drop-container .right-center,
.bi-arrangement .arrangement-drop-container .top-center-second, .bi-arrangement .arrangement-drop-container .top-center-second,
.bi-arrangement .arrangement-drop-container .bottom-center-second, .bi-arrangement .arrangement-drop-container .bottom-center-second,
.bi-arrangement .arrangement-drop-container .left-center-second, .bi-arrangement .arrangement-drop-container .left-center-second,
.bi-arrangement .arrangement-drop-container .right-center-second { .bi-arrangement .arrangement-drop-container .right-center-second {
z-index: 1000000001; z-index: 1000000001;
background: #3f8ce8; background: #3f8ce8;
} }
.bi-arrangement-droppable { .bi-arrangement-droppable {
z-index: 100000; z-index: 100000;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -105,312 +105,312 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/ /*************BI.SearchEditor******************/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-date-trigger { .bi-date-trigger {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-down-list-popup .bi-down-list-item .list-item-text { .bi-down-list-popup .bi-down-list-item .list-item-text {
max-width: 203px; max-width: 203px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table > div.bottom-right > div > div > table { .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #d4dadd; border-right: 1px solid #d4dadd;
} }
.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table { .bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #525466; border-right: 1px solid #525466;
} }
.bi-excel-table-header-cell { .bi-excel-table-header-cell {
font-weight: bold; font-weight: bold;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-nav-button .file-manager-nav-button-text { .bi-file-manager-nav-button .file-manager-nav-button-text {
max-width: 200px; max-width: 200px;
} }
.bi-file-manager-nav-button .file-manager-nav-button-text.active { .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #eff1f4; background-color: #eff1f4;
color: #999999; color: #999999;
} }
.bi-file-manager-nav-button .file-manager-nav-button-triangle { .bi-file-manager-nav-button .file-manager-nav-button-triangle {
z-index: 1; z-index: 1;
} }
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active { .bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #191b2b; background-color: #191b2b;
color: #999999; color: #999999;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-fine-tuning-number-editor { .bi-fine-tuning-number-editor {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-interactive-arrangement .interactive-arrangement-dragtag-line { .bi-interactive-arrangement .interactive-arrangement-dragtag-line {
z-index: 1000000000; z-index: 1000000000;
background-color: #f07d0a; background-color: #f07d0a;
} }
.bi-interactive-arrangement .interactive-arrangement-dragtag-icon { .bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
z-index: 1000000000; z-index: 1000000000;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-month-trigger { .bi-month-trigger {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-multi-select-check-pane .multi-select-check-selected { .bi-multi-select-check-pane .multi-select-check-selected {
text-decoration: underline; text-decoration: underline;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-combo .multi-select-trigger-icon-button { .bi-multi-select-combo .multi-select-trigger-icon-button {
font-size: 16px; font-size: 16px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-trigger { .bi-multi-select-trigger {
-webkit-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;
} }
.bi-multi-select-search-pane .multi-select-toolbar { .bi-multi-select-search-pane .multi-select-toolbar {
color: #e85050; color: #e85050;
} }
.bi-multi-select-check-selected-button { .bi-multi-select-check-selected-button {
z-index: 1; z-index: 1;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-pane .multi-tree-check-selected { .bi-multi-tree-check-pane .multi-tree-check-selected {
color: #3f8ce8; color: #3f8ce8;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-combo .multi-select-trigger-icon-button { .bi-multi-tree-combo .multi-select-trigger-icon-button {
font-size: 16px; font-size: 16px;
} }
.bi-multi-tree-popup .popup-view-tree { .bi-multi-tree-popup .popup-view-tree {
min-height: 170px; min-height: 170px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-selected-button .trigger-check-selected { .bi-multi-tree-check-selected-button .trigger-check-selected {
color: #3f8ce8; color: #3f8ce8;
z-index: 1; z-index: 1;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-numerical-interval .numerical-interval-small-editor { .bi-numerical-interval .numerical-interval-small-editor {
-moz-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-editor { .bi-numerical-interval .numerical-interval-big-editor {
-moz-border-radius-topright: 2px; -moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-combo { .bi-numerical-interval .numerical-interval-big-combo {
-moz-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { .bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
font-size: 14px; font-size: 14px;
} }
.bi-numerical-interval .numerical-interval-small-combo { .bi-numerical-interval .numerical-interval-small-combo {
-moz-border-radius-topright: 2px; -moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { .bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
font-size: 14px; font-size: 14px;
} }
.bi-numerical-interval.number-error .bi-input { .bi-numerical-interval.number-error .bi-input {
color: #e85050; color: #e85050;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-page-table-cell { .bi-page-table-cell {
-webkit-user-select: initial; -webkit-user-select: initial;
-khtml-user-select: initial; -khtml-user-select: initial;
-moz-user-select: initial; -moz-user-select: initial;
-ms-user-select: initial; -ms-user-select: initial;
-o-user-select: initial; -o-user-select: initial;
user-select: initial; user-select: initial;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-path-chooser .path-chooser-radio { .bi-path-chooser .path-chooser-radio {
z-index: 1; z-index: 1;
} }
.bi-path-region .path-region-label { .bi-path-region .path-region-label {
z-index: 1; z-index: 1;
} }
.bi-preview-table-cell { .bi-preview-table-cell {
min-height: 25px; min-height: 25px;
min-width: 80px; min-width: 80px;
max-width: 220px; max-width: 220px;
} }
.bi-preview-table { .bi-preview-table {
-webkit-user-select: initial; -webkit-user-select: initial;
-khtml-user-select: initial; -khtml-user-select: initial;
-moz-user-select: initial; -moz-user-select: initial;
-ms-user-select: initial; -ms-user-select: initial;
-o-user-select: initial; -o-user-select: initial;
user-select: initial; user-select: initial;
} }
.bi-preview-table > div > table > thead > tr.odd, .bi-preview-table > div > table > thead > tr.odd,
.bi-preview-table > div > div > div > table > thead > tr.odd { .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #eff1f4; background-color: #eff1f4;
} }
.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd, .bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd { .bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #191b2b; background-color: #191b2b;
} }
.bi-preview-table-header-cell { .bi-preview-table-header-cell {
font-weight: bold; font-weight: bold;
min-height: 25px; min-height: 25px;
min-width: 80px; min-width: 80px;
max-width: 220px; max-width: 220px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-quarter-trigger { .bi-quarter-trigger {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-region .relation-view-region-container { .bi-relation-view-region .relation-view-region-container {
z-index: 1; z-index: 1;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-relation-view-region .relation-view-region-container.other-package { .bi-relation-view-region .relation-view-region-container.other-package {
border-style: dashed; border-style: dashed;
} }
.bi-sequence-table-dynamic-number .sequence-table-title-cell { .bi-sequence-table-dynamic-number .sequence-table-title-cell {
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
.bi-sequence-table-dynamic-number .sequence-table-number-cell { .bi-sequence-table-dynamic-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
.bi-sequence-table-list-number .sequence-table-title-cell { .bi-sequence-table-list-number .sequence-table-title-cell {
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
.bi-sequence-table-list-number .sequence-table-number-cell { .bi-sequence-table-list-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-sequence-table-tree-number .sequence-table-title-cell { .bi-sequence-table-tree-number .sequence-table-title-cell {
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
.bi-sequence-table-tree-number .sequence-table-number-cell { .bi-sequence-table-tree-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/*Safari3.2+*/ /*Safari3.2+*/
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/*Firefox3.5+*/ /*Firefox3.5+*/
-ms-box-sizing: border-box; -ms-box-sizing: border-box;
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
} }
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-popup .year-popup-navigation { .bi-year-popup .year-popup-navigation {
line-height: 30px; line-height: 30px;
} }
.bi-year-popup .year-popup-navigation > .center-element { .bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #d4dadd; border-left: 1px solid #d4dadd;
} }
.bi-year-popup .year-popup-navigation > .first-element { .bi-year-popup .year-popup-navigation > .first-element {
border-left: none; border-left: none;
} }
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element { .bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #525466; border-left: 1px solid #525466;
} }
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element { .bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
border-left: none; border-left: none;
} }
.bi-year-trigger { .bi-year-trigger {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }

2090
docs/widget.js

File diff suppressed because it is too large Load Diff

2
src/base/single/editor/editor.textarea.js

@ -19,7 +19,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
tagName: "textarea", tagName: "textarea",
width: "100%", width: "100%",
height: "100%", height: "100%",
cls: "textarea-editor-content display-block" cls: "bi-textarea textarea-editor-content display-block"
}); });
this.content.element.css({"resize": "none"}); this.content.element.css({"resize": "none"});
BI.createWidget({ BI.createWidget({

9
src/base/single/iframe/iframe.js

@ -30,6 +30,15 @@ BI.Iframe = BI.inherit(BI.Single, {
return this.options.src; return this.options.src;
}, },
setName: function (name) {
this.options.name = name;
this.element.attr("name", name);
},
getName: function () {
return this.options.name;
},
getWidth: function () { getWidth: function () {
return this.options.width return this.options.width
}, },

2
src/core/func/dom.js

@ -19,7 +19,7 @@ BI.extend(jQuery.fn, {
* @private * @private
*/ */
__textKeywordMarked__: function (text, keyword, py) { __textKeywordMarked__: function (text, keyword, py) {
if (!BI.isKey(keyword)) { if (!BI.isKey(keyword) || (text + "").length > 100) {
return this.text((text + "").replaceAll(" ", " ")); return this.text((text + "").replaceAll(" ", " "));
} }
keyword = keyword + ""; keyword = keyword + "";

4
src/core/model.js

@ -203,6 +203,10 @@ BI.Model = BI.inherit(BI.M, {
var copy = BI.UUID(), newKeys = BI.clone(keys); var copy = BI.UUID(), newKeys = BI.clone(keys);
keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g)); keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g));
var backup = self.similar.apply(self, newKeys); var backup = self.similar.apply(self, newKeys);
if (BI.isKey(backup.id)) {
copy = backup.id;
delete backup.id;
}
keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true}); keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true});
keys.unshift(copy); keys.unshift(copy);
!BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self); !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self);

7
src/core/wrapper/layout/adapt/float.center.js

@ -29,15 +29,20 @@ BI.FloatCenterAdaptLayout = BI.inherit(BI.Layout, {
}, },
mounted: function () { mounted: function () {
var self = this;
var width = this.left.element.outerWidth(), var width = this.left.element.outerWidth(),
height = this.left.element.outerHeight(); height = this.left.element.outerHeight();
this.left.element.width(width).height(height).css("float", "none"); this.left.element.width(width).height(height).css("float", "none");
BI.remove(this._children, function (i, wi) {
if (wi === self.container) {
delete self._children[i];
}
});
BI.createWidget({ BI.createWidget({
type: "bi.center_adapt", type: "bi.center_adapt",
element: this, element: this,
items: [this.left] items: [this.left]
}); });
this.removeWidget(this.container);
}, },
stroke: function (items) { stroke: function (items) {

7
src/core/wrapper/layout/adapt/float.horizontal.js

@ -24,15 +24,20 @@ BI.FloatHorizontalLayout = BI.inherit(BI.Layout, {
}, },
mounted: function () { mounted: function () {
var self = this;
var width = this.left.element.width(), var width = this.left.element.width(),
height = this.left.element.height(); height = this.left.element.height();
this.left.element.width(width).height(height).css("float", "none"); this.left.element.width(width).height(height).css("float", "none");
BI.remove(this._children, function (i, wi) {
if (wi === self.container) {
delete self._children[i];
}
});
BI.createWidget({ BI.createWidget({
type: "bi.horizontal_auto", type: "bi.horizontal_auto",
element: this, element: this,
items: [this.left] items: [this.left]
}); });
this.removeWidget(this.container);
}, },
_addElement: function (i, item) { _addElement: function (i, item) {

209
src/css/core/utils/common.css

@ -5,6 +5,9 @@
.base-disabled .bi-input { .base-disabled .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.base-disabled .bi-textarea {
color: #cccccc !important;
}
.base-disabled .b-font:before { .base-disabled .b-font:before {
color: #cccccc !important; color: #cccccc !important;
} }
@ -14,6 +17,9 @@
.bi-theme-dark .base-disabled .bi-input { .bi-theme-dark .base-disabled .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .base-disabled .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .base-disabled .b-font:before { .bi-theme-dark .base-disabled .b-font:before {
color: #666666 !important; color: #666666 !important;
} }
@ -39,6 +45,9 @@
.bi-background .bi-input { .bi-background .bi-input {
color: #666666; color: #666666;
} }
.bi-background .bi-textarea {
color: #666666;
}
.bi-theme-dark .bi-background { .bi-theme-dark .bi-background {
background-color: #191b2b; background-color: #191b2b;
color: #cccccc; color: #cccccc;
@ -46,6 +55,9 @@
.bi-theme-dark .bi-background .bi-input { .bi-theme-dark .bi-background .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-theme-dark .bi-background .bi-textarea {
color: #cccccc;
}
.bi-card { .bi-card {
background-color: #ffffff; background-color: #ffffff;
color: #666666; color: #666666;
@ -53,6 +65,9 @@
.bi-card .bi-input { .bi-card .bi-input {
color: #666666; color: #666666;
} }
.bi-card .bi-textarea {
color: #666666;
}
.bi-theme-dark .bi-card { .bi-theme-dark .bi-card {
background-color: #242640; background-color: #242640;
color: #cccccc; color: #cccccc;
@ -60,24 +75,36 @@
.bi-theme-dark .bi-card .bi-input { .bi-theme-dark .bi-card .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-theme-dark .bi-card .bi-textarea {
color: #cccccc;
}
.bi-disabled { .bi-disabled {
color: #cccccc; color: #cccccc;
} }
.bi-disabled .bi-input { .bi-disabled .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-disabled .bi-textarea {
color: #cccccc;
}
.bi-theme-dark .bi-disabled { .bi-theme-dark .bi-disabled {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-disabled .bi-input { .bi-theme-dark .bi-disabled .bi-input {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-disabled .bi-textarea {
color: #666666;
}
.bi-tips { .bi-tips {
color: #999999; color: #999999;
} }
.bi-tips .bi-input { .bi-tips .bi-input {
color: #999999; color: #999999;
} }
.bi-tips .bi-textarea {
color: #999999;
}
.bi-border { .bi-border {
border: 1px solid #d4dadd; border: 1px solid #d4dadd;
} }
@ -114,12 +141,18 @@
.bi-keyword-red-mark .bi-input { .bi-keyword-red-mark .bi-input {
color: #f07d0a; color: #f07d0a;
} }
.bi-keyword-red-mark .bi-textarea {
color: #f07d0a;
}
.bi-high-light { .bi-high-light {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-high-light .bi-input { .bi-high-light .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-high-light .bi-textarea {
color: #3f8ce8;
}
.bi-high-light-background { .bi-high-light-background {
background-color: #3f8ce8; background-color: #3f8ce8;
color: #ffffff; color: #ffffff;
@ -127,6 +160,9 @@
.bi-high-light-background .bi-input { .bi-high-light-background .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-high-light-background .bi-textarea {
color: #ffffff;
}
.bi-high-light-border { .bi-high-light-border {
border-color: #178cdf; border-color: #178cdf;
} }
@ -137,12 +173,18 @@
.bi-water-mark .bi-input { .bi-water-mark .bi-input {
color: #cccccc; color: #cccccc;
} }
.bi-water-mark .bi-textarea {
color: #cccccc;
}
.bi-theme-dark .bi-water-mark { .bi-theme-dark .bi-water-mark {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-water-mark .bi-input { .bi-theme-dark .bi-water-mark .bi-input {
color: #666666; color: #666666;
} }
.bi-theme-dark .bi-water-mark .bi-textarea {
color: #666666;
}
.bi-resizer { .bi-resizer {
background: #1a1a1a; background: #1a1a1a;
opacity: 0.2; opacity: 0.2;
@ -160,6 +202,9 @@
.bi-mask .bi-input { .bi-mask .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-mask .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-mask { .bi-theme-dark .bi-mask {
color: #242640; color: #242640;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
@ -168,6 +213,9 @@
.bi-theme-dark .bi-mask .bi-input { .bi-theme-dark .bi-mask .bi-input {
color: #242640; color: #242640;
} }
.bi-theme-dark .bi-mask .bi-textarea {
color: #242640;
}
.bi-z-index-mask { .bi-z-index-mask {
color: #ffffff; color: #ffffff;
background-color: rgba(26, 26, 26, 0.5); background-color: rgba(26, 26, 26, 0.5);
@ -176,6 +224,9 @@
.bi-z-index-mask .bi-input { .bi-z-index-mask .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-z-index-mask .bi-textarea {
color: #ffffff;
}
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {
color: #1a1a1a; color: #1a1a1a;
@ -186,6 +237,10 @@
.bi-list-item.hover .bi-input { .bi-list-item.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item:hover .bi-textarea,
.bi-list-item.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item.disabled, .bi-list-item.disabled,
.bi-list-item.disabled:hover, .bi-list-item.disabled:hover,
.bi-list-item.disabled:active { .bi-list-item.disabled:active {
@ -197,6 +252,11 @@
.bi-list-item.disabled:active .bi-input { .bi-list-item.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item.disabled .bi-textarea,
.bi-list-item.disabled:hover .bi-textarea,
.bi-list-item.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item.disabled .bi-high-light, .bi-list-item.disabled .bi-high-light,
.bi-list-item.disabled:hover .bi-high-light, .bi-list-item.disabled:hover .bi-high-light,
.bi-list-item.disabled:active .bi-high-light { .bi-list-item.disabled:active .bi-high-light {
@ -212,6 +272,10 @@
.bi-theme-dark .bi-list-item.hover .bi-input { .bi-theme-dark .bi-list-item.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item:hover .bi-textarea,
.bi-theme-dark .bi-list-item.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item.disabled, .bi-theme-dark .bi-list-item.disabled,
.bi-theme-dark .bi-list-item.disabled:hover, .bi-theme-dark .bi-list-item.disabled:hover,
.bi-theme-dark .bi-list-item.disabled:active { .bi-theme-dark .bi-list-item.disabled:active {
@ -223,6 +287,11 @@
.bi-theme-dark .bi-list-item.disabled:active .bi-input { .bi-theme-dark .bi-list-item.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item.disabled .bi-textarea,
.bi-theme-dark .bi-list-item.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item.disabled .bi-high-light, .bi-theme-dark .bi-list-item.disabled .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
@ -238,6 +307,9 @@
.bi-list-item-simple .bi-input { .bi-list-item-simple .bi-input {
color: #999999; color: #999999;
} }
.bi-list-item-simple .bi-textarea {
color: #999999;
}
.bi-list-item-simple:hover, .bi-list-item-simple:hover,
.bi-list-item-simple.hover { .bi-list-item-simple.hover {
color: #3f8ce8; color: #3f8ce8;
@ -246,6 +318,10 @@
.bi-list-item-simple.hover .bi-input { .bi-list-item-simple.hover .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-simple:hover .bi-textarea,
.bi-list-item-simple.hover .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-simple.disabled, .bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover, .bi-list-item-simple.disabled:hover,
.bi-list-item-simple.disabled:active { .bi-list-item-simple.disabled:active {
@ -256,6 +332,11 @@
.bi-list-item-simple.disabled:active .bi-input { .bi-list-item-simple.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-simple.disabled .bi-textarea,
.bi-list-item-simple.disabled:hover .bi-textarea,
.bi-list-item-simple.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-simple.disabled .bi-high-light, .bi-list-item-simple.disabled .bi-high-light,
.bi-list-item-simple.disabled:hover .bi-high-light, .bi-list-item-simple.disabled:hover .bi-high-light,
.bi-list-item-simple.disabled:active .bi-high-light { .bi-list-item-simple.disabled:active .bi-high-light {
@ -267,6 +348,9 @@
.bi-list-item-effect:hover .bi-input { .bi-list-item-effect:hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-effect:hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-effect.active, .bi-list-item-effect.active,
.bi-list-item-effect:active { .bi-list-item-effect:active {
color: #3f8ce8; color: #3f8ce8;
@ -275,6 +359,10 @@
.bi-list-item-effect:active .bi-input { .bi-list-item-effect:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-effect.active .bi-textarea,
.bi-list-item-effect:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-effect.disabled, .bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active { .bi-list-item-effect.disabled:active {
@ -285,6 +373,11 @@
.bi-list-item-effect.disabled:active .bi-input { .bi-list-item-effect.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-effect.disabled .bi-textarea,
.bi-list-item-effect.disabled:hover .bi-textarea,
.bi-list-item-effect.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-effect.disabled .bi-high-light, .bi-list-item-effect.disabled .bi-high-light,
.bi-list-item-effect.disabled:hover .bi-high-light, .bi-list-item-effect.disabled:hover .bi-high-light,
.bi-list-item-effect.disabled:active .bi-high-light { .bi-list-item-effect.disabled:active .bi-high-light {
@ -296,6 +389,9 @@
.bi-theme-dark .bi-list-item-effect:hover .bi-input { .bi-theme-dark .bi-list-item-effect:hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-effect:hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-effect.active, .bi-theme-dark .bi-list-item-effect.active,
.bi-theme-dark .bi-list-item-effect:active { .bi-theme-dark .bi-list-item-effect:active {
color: #3f8ce8; color: #3f8ce8;
@ -304,6 +400,10 @@
.bi-theme-dark .bi-list-item-effect:active .bi-input { .bi-theme-dark .bi-list-item-effect:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-effect.active .bi-textarea,
.bi-theme-dark .bi-list-item-effect:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-effect.disabled, .bi-theme-dark .bi-list-item-effect.disabled,
.bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:hover,
.bi-theme-dark .bi-list-item-effect.disabled:active { .bi-theme-dark .bi-list-item-effect.disabled:active {
@ -315,6 +415,11 @@
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-input { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-effect.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-effect.disabled .bi-high-light, .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
@ -330,6 +435,10 @@
.bi-list-item-active.hover .bi-input { .bi-list-item-active.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-active:hover .bi-textarea,
.bi-list-item-active.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-active.active, .bi-list-item-active.active,
.bi-list-item-active:active { .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
@ -340,6 +449,10 @@
.bi-list-item-active:active .bi-input { .bi-list-item-active:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-active.active .bi-textarea,
.bi-list-item-active:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-active.disabled, .bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active { .bi-list-item-active.disabled:active {
@ -351,6 +464,11 @@
.bi-list-item-active.disabled:active .bi-input { .bi-list-item-active.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-active.disabled .bi-textarea,
.bi-list-item-active.disabled:hover .bi-textarea,
.bi-list-item-active.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-active.disabled .bi-high-light, .bi-list-item-active.disabled .bi-high-light,
.bi-list-item-active.disabled:hover .bi-high-light, .bi-list-item-active.disabled:hover .bi-high-light,
.bi-list-item-active.disabled:active .bi-high-light { .bi-list-item-active.disabled:active .bi-high-light {
@ -366,6 +484,10 @@
.bi-theme-dark .bi-list-item-active.hover .bi-input { .bi-theme-dark .bi-list-item-active.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-active:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active { .bi-theme-dark .bi-list-item-active:active {
color: #3f8ce8; color: #3f8ce8;
@ -376,6 +498,10 @@
.bi-theme-dark .bi-list-item-active:active .bi-input { .bi-theme-dark .bi-list-item-active:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-active.active .bi-textarea,
.bi-theme-dark .bi-list-item-active:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-active.disabled, .bi-theme-dark .bi-list-item-active.disabled,
.bi-theme-dark .bi-list-item-active.disabled:hover, .bi-theme-dark .bi-list-item-active.disabled:hover,
.bi-theme-dark .bi-list-item-active.disabled:active { .bi-theme-dark .bi-list-item-active.disabled:active {
@ -387,6 +513,11 @@
.bi-theme-dark .bi-list-item-active.disabled:active .bi-input { .bi-theme-dark .bi-list-item-active.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-active.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-active.disabled .bi-high-light, .bi-theme-dark .bi-list-item-active.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
@ -401,6 +532,10 @@
.bi-list-item-active2.hover .bi-input { .bi-list-item-active2.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-active2:hover .bi-textarea,
.bi-list-item-active2.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-active2.active, .bi-list-item-active2.active,
.bi-list-item-active2:active { .bi-list-item-active2:active {
color: #3f8ce8; color: #3f8ce8;
@ -410,6 +545,10 @@
.bi-list-item-active2:active .bi-input { .bi-list-item-active2:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-list-item-active2.active .bi-textarea,
.bi-list-item-active2:active .bi-textarea {
color: #3f8ce8;
}
.bi-list-item-active2.disabled, .bi-list-item-active2.disabled,
.bi-list-item-active2.disabled:hover, .bi-list-item-active2.disabled:hover,
.bi-list-item-active2.disabled:active { .bi-list-item-active2.disabled:active {
@ -421,6 +560,11 @@
.bi-list-item-active2.disabled:active .bi-input { .bi-list-item-active2.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-active2.disabled .bi-textarea,
.bi-list-item-active2.disabled:hover .bi-textarea,
.bi-list-item-active2.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-active2.disabled .bi-high-light, .bi-list-item-active2.disabled .bi-high-light,
.bi-list-item-active2.disabled:hover .bi-high-light, .bi-list-item-active2.disabled:hover .bi-high-light,
.bi-list-item-active2.disabled:active .bi-high-light { .bi-list-item-active2.disabled:active .bi-high-light {
@ -435,6 +579,10 @@
.bi-theme-dark .bi-list-item-active2.hover .bi-input { .bi-theme-dark .bi-list-item-active2.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-active2:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active2.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active2.active, .bi-theme-dark .bi-list-item-active2.active,
.bi-theme-dark .bi-list-item-active2:active { .bi-theme-dark .bi-list-item-active2:active {
color: #3f8ce8; color: #3f8ce8;
@ -444,6 +592,10 @@
.bi-theme-dark .bi-list-item-active2:active .bi-input { .bi-theme-dark .bi-list-item-active2:active .bi-input {
color: #3f8ce8; color: #3f8ce8;
} }
.bi-theme-dark .bi-list-item-active2.active .bi-textarea,
.bi-theme-dark .bi-list-item-active2:active .bi-textarea {
color: #3f8ce8;
}
.bi-theme-dark .bi-list-item-active2.disabled, .bi-theme-dark .bi-list-item-active2.disabled,
.bi-theme-dark .bi-list-item-active2.disabled:hover, .bi-theme-dark .bi-list-item-active2.disabled:hover,
.bi-theme-dark .bi-list-item-active2.disabled:active { .bi-theme-dark .bi-list-item-active2.disabled:active {
@ -455,6 +607,11 @@
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-input { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-active2.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-active2.disabled .bi-high-light, .bi-theme-dark .bi-list-item-active2.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
@ -470,6 +627,10 @@
.bi-list-item-select.hover .bi-input { .bi-list-item-select.hover .bi-input {
color: #1a1a1a; color: #1a1a1a;
} }
.bi-list-item-select:hover .bi-textarea,
.bi-list-item-select.hover .bi-textarea {
color: #1a1a1a;
}
.bi-list-item-select:active, .bi-list-item-select:active,
.bi-list-item-select.active { .bi-list-item-select.active {
color: #ffffff; color: #ffffff;
@ -479,6 +640,10 @@
.bi-list-item-select.active .bi-input { .bi-list-item-select.active .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-list-item-select:active .bi-textarea,
.bi-list-item-select.active .bi-textarea {
color: #ffffff;
}
.bi-list-item-select:active .bi-high-light, .bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light { .bi-list-item-select.active .bi-high-light {
color: #ffffff; color: #ffffff;
@ -494,6 +659,11 @@
.bi-list-item-select.disabled:active .bi-input { .bi-list-item-select.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-select.disabled .bi-textarea,
.bi-list-item-select.disabled:hover .bi-textarea,
.bi-list-item-select.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-select.disabled .bi-high-light, .bi-list-item-select.disabled .bi-high-light,
.bi-list-item-select.disabled:hover .bi-high-light, .bi-list-item-select.disabled:hover .bi-high-light,
.bi-list-item-select.disabled:active .bi-high-light { .bi-list-item-select.disabled:active .bi-high-light {
@ -509,6 +679,10 @@
.bi-theme-dark .bi-list-item-select.hover .bi-input { .bi-theme-dark .bi-list-item-select.hover .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-select:hover .bi-textarea,
.bi-theme-dark .bi-list-item-select.hover .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active { .bi-theme-dark .bi-list-item-select.active {
color: #ffffff; color: #ffffff;
@ -518,6 +692,10 @@
.bi-theme-dark .bi-list-item-select.active .bi-input { .bi-theme-dark .bi-list-item-select.active .bi-input {
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-select:active .bi-textarea,
.bi-theme-dark .bi-list-item-select.active .bi-textarea {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-select:active .bi-high-light, .bi-theme-dark .bi-list-item-select:active .bi-high-light,
.bi-theme-dark .bi-list-item-select.active .bi-high-light { .bi-theme-dark .bi-list-item-select.active .bi-high-light {
color: #ffffff; color: #ffffff;
@ -533,6 +711,11 @@
.bi-theme-dark .bi-list-item-select.disabled:active .bi-input { .bi-theme-dark .bi-list-item-select.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-select.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-select.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-select.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-select.disabled .bi-high-light, .bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
@ -547,6 +730,10 @@
.bi-list-item-none.hover .bi-input { .bi-list-item-none.hover .bi-input {
color: inherit; color: inherit;
} }
.bi-list-item-none:hover .bi-textarea,
.bi-list-item-none.hover .bi-textarea {
color: inherit;
}
.bi-list-item-none:active, .bi-list-item-none:active,
.bi-list-item-none.active { .bi-list-item-none.active {
color: inherit; color: inherit;
@ -556,6 +743,10 @@
.bi-list-item-none.active .bi-input { .bi-list-item-none.active .bi-input {
color: inherit; color: inherit;
} }
.bi-list-item-none:active .bi-textarea,
.bi-list-item-none.active .bi-textarea {
color: inherit;
}
.bi-list-item-none:active .bi-high-light, .bi-list-item-none:active .bi-high-light,
.bi-list-item-none.active .bi-high-light { .bi-list-item-none.active .bi-high-light {
color: inherit; color: inherit;
@ -571,6 +762,11 @@
.bi-list-item-none.disabled:active .bi-input { .bi-list-item-none.disabled:active .bi-input {
color: #cccccc !important; color: #cccccc !important;
} }
.bi-list-item-none.disabled .bi-textarea,
.bi-list-item-none.disabled:hover .bi-textarea,
.bi-list-item-none.disabled:active .bi-textarea {
color: #cccccc !important;
}
.bi-list-item-none.disabled .bi-high-light, .bi-list-item-none.disabled .bi-high-light,
.bi-list-item-none.disabled:hover .bi-high-light, .bi-list-item-none.disabled:hover .bi-high-light,
.bi-list-item-none.disabled:active .bi-high-light { .bi-list-item-none.disabled:active .bi-high-light {
@ -585,6 +781,10 @@
.bi-theme-dark .bi-list-item-none.hover .bi-input { .bi-theme-dark .bi-list-item-none.hover .bi-input {
color: inherit; color: inherit;
} }
.bi-theme-dark .bi-list-item-none:hover .bi-textarea,
.bi-theme-dark .bi-list-item-none.hover .bi-textarea {
color: inherit;
}
.bi-theme-dark .bi-list-item-none:active, .bi-theme-dark .bi-list-item-none:active,
.bi-theme-dark .bi-list-item-none.active { .bi-theme-dark .bi-list-item-none.active {
color: inherit; color: inherit;
@ -594,6 +794,10 @@
.bi-theme-dark .bi-list-item-none.active .bi-input { .bi-theme-dark .bi-list-item-none.active .bi-input {
color: inherit; color: inherit;
} }
.bi-theme-dark .bi-list-item-none:active .bi-textarea,
.bi-theme-dark .bi-list-item-none.active .bi-textarea {
color: inherit;
}
.bi-theme-dark .bi-list-item-none:active .bi-high-light, .bi-theme-dark .bi-list-item-none:active .bi-high-light,
.bi-theme-dark .bi-list-item-none.active .bi-high-light { .bi-theme-dark .bi-list-item-none.active .bi-high-light {
color: inherit; color: inherit;
@ -609,6 +813,11 @@
.bi-theme-dark .bi-list-item-none.disabled:active .bi-input { .bi-theme-dark .bi-list-item-none.disabled:active .bi-input {
color: #666666 !important; color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-none.disabled .bi-textarea,
.bi-theme-dark .bi-list-item-none.disabled:hover .bi-textarea,
.bi-theme-dark .bi-list-item-none.disabled:active .bi-textarea {
color: #666666 !important;
}
.bi-theme-dark .bi-list-item-none.disabled .bi-high-light, .bi-theme-dark .bi-list-item-none.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light, .bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light { .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {

162
src/less/core/utils/common.less

@ -6,6 +6,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled !important;
}
& .b-font:before { & .b-font:before {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
@ -17,6 +20,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled-theme-dark !important;
}
& .b-font:before { & .b-font:before {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
@ -38,6 +44,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-normal; color: @color-bi-text-normal;
} }
& .bi-textarea {
color: @color-bi-text-normal;
}
} }
.bi-theme-dark { .bi-theme-dark {
@ -47,6 +56,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-theme-dark; color: @color-bi-text-theme-dark;
} }
& .bi-textarea {
color: @color-bi-text-theme-dark;
}
} }
} }
@ -57,6 +69,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-normal; color: @color-bi-text-normal;
} }
& .bi-textarea {
color: @color-bi-text-normal;
}
} }
.bi-theme-dark { .bi-theme-dark {
@ -66,6 +81,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-theme-dark; color: @color-bi-text-theme-dark;
} }
& .bi-textarea {
color: @color-bi-text-theme-dark;
}
} }
} }
@ -74,6 +92,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled; color: @color-bi-text-disabled;
} }
& .bi-textarea {
color: @color-bi-text-disabled;
}
} }
.bi-theme-dark { .bi-theme-dark {
@ -82,6 +103,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled-theme-dark; color: @color-bi-text-disabled-theme-dark;
} }
& .bi-textarea {
color: @color-bi-text-disabled-theme-dark;
}
} }
} }
@ -91,6 +115,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-tips; color: @color-bi-text-tips;
} }
& .bi-textarea {
color: @color-bi-text-tips;
}
} }
//边框 //边框
@ -150,6 +177,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-redmark; color: @color-bi-text-redmark;
} }
& .bi-textarea {
color: @color-bi-text-redmark;
}
} }
//高亮 //高亮
@ -158,6 +188,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
} }
& .bi-textarea {
color: @color-bi-text-highlight;
}
} }
.bi-high-light-background { .bi-high-light-background {
@ -166,6 +199,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text; color: @color-bi-text;
} }
& .bi-textarea {
color: @color-bi-text;
}
} }
.bi-high-light-border { .bi-high-light-border {
@ -179,6 +215,9 @@
& .bi-input { & .bi-input {
color: @water-mark-color; color: @water-mark-color;
} }
& .bi-textarea {
color: @water-mark-color;
}
} }
.bi-theme-dark { .bi-theme-dark {
@ -187,6 +226,9 @@
& .bi-input { & .bi-input {
color: @water-mark-color-theme-dark; color: @water-mark-color-theme-dark;
} }
& .bi-textarea {
color: @water-mark-color-theme-dark;
}
} }
} }
@ -208,6 +250,9 @@
& .bi-input { & .bi-input {
color: @color-bi-background-default; color: @color-bi-background-default;
} }
& .bi-textarea {
color: @color-bi-background-default;
}
.background-color(@color-bi-background-black, 20%); .background-color(@color-bi-background-black, 20%);
} }
@ -217,6 +262,9 @@
& .bi-input { & .bi-input {
color: @color-bi-background-default-theme-dark; color: @color-bi-background-default-theme-dark;
} }
& .bi-textarea {
color: @color-bi-background-default-theme-dark;
}
.background-color(@color-bi-background-default, 20%); .background-color(@color-bi-background-default, 20%);
} }
} }
@ -226,6 +274,9 @@
& .bi-input { & .bi-input {
color: @color-bi-background-default; color: @color-bi-background-default;
} }
& .bi-textarea {
color: @color-bi-background-default;
}
.background-color(@color-bi-background-black, 50%); .background-color(@color-bi-background-black, 50%);
} }
@ -236,6 +287,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-black; color: @color-bi-text-black;
} }
& .bi-textarea {
color: @color-bi-text-black;
}
.background-color(@color-bi-background-black, 5%); .background-color(@color-bi-background-black, 5%);
} }
&.disabled { &.disabled {
@ -245,6 +299,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
@ -259,6 +316,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text; color: @color-bi-text;
} }
& .bi-textarea {
color: @color-bi-text;
}
.background-color(@color-bi-background-default, 5%); .background-color(@color-bi-background-default, 5%);
} }
&.disabled { &.disabled {
@ -268,6 +328,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled-theme-dark !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
@ -288,11 +351,17 @@
& .bi-input { & .bi-input {
color: @color-bi-text-tips; color: @color-bi-text-tips;
} }
& .bi-textarea {
color: @color-bi-text-tips;
}
&:hover, &.hover { &:hover, &.hover {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
& .bi-input { & .bi-input {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
} }
& .bi-textarea {
color: @color-bi-text-highlight;
}
} }
&.disabled { &.disabled {
&, &:hover, &:active { &, &:hover, &:active {
@ -300,6 +369,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
@ -314,12 +386,18 @@
& .bi-input { & .bi-input {
color: @color-bi-text-black; color: @color-bi-text-black;
} }
& .bi-textarea {
color: @color-bi-text-black;
}
} }
&.active, &:active { &.active, &:active {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
& .bi-input { & .bi-input {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
} }
& .bi-textarea {
color: @color-bi-text-highlight;
}
} }
&.disabled { &.disabled {
&, &:hover, &:active { &, &:hover, &:active {
@ -327,6 +405,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
@ -341,12 +422,18 @@
& .bi-input { & .bi-input {
color: @color-bi-text; color: @color-bi-text;
} }
& .bi-textarea {
color: @color-bi-text;
}
} }
&.active, &:active { &.active, &:active {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
& .bi-input { & .bi-input {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
} }
& .bi-textarea {
color: @color-bi-text-highlight;
}
} }
&.disabled { &.disabled {
&, &:hover, &:active { &, &:hover, &:active {
@ -355,6 +442,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled-theme-dark !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
@ -370,6 +460,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-black; color: @color-bi-text-black;
} }
& .bi-textarea {
color: @color-bi-text-black;
}
.background-color(@color-bi-background-black, 5%); .background-color(@color-bi-background-black, 5%);
} }
&.active, &:active { &.active, &:active {
@ -377,6 +470,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
} }
& .bi-textarea {
color: @color-bi-text-highlight;
}
.background-color(@color-bi-background-black, 5%); .background-color(@color-bi-background-black, 5%);
} }
&.disabled { &.disabled {
@ -386,6 +482,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
@ -400,6 +499,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text; color: @color-bi-text;
} }
& .bi-textarea {
color: @color-bi-text;
}
.background-color(@color-bi-background-default, 5%); .background-color(@color-bi-background-default, 5%);
} }
&.active, &:active { &.active, &:active {
@ -407,6 +509,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
} }
& .bi-textarea {
color: @color-bi-text-highlight;
}
.background-color(@color-bi-background-default, 5%); .background-color(@color-bi-background-default, 5%);
} }
&.disabled { &.disabled {
@ -416,6 +521,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled-theme-dark !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
@ -431,6 +539,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-black; color: @color-bi-text-black;
} }
& .bi-textarea {
color: @color-bi-text-black;
}
background-color: @color-bi-background-default; background-color: @color-bi-background-default;
} }
&.active, &:active { &.active, &:active {
@ -438,6 +549,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
} }
& .bi-textarea {
color: @color-bi-text-highlight;
}
background-color: @color-bi-background-default; background-color: @color-bi-background-default;
} }
&.disabled { &.disabled {
@ -447,6 +561,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
@ -461,6 +578,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text; color: @color-bi-text;
} }
& .bi-textarea {
color: @color-bi-text;
}
background-color: @color-bi-background-default-theme-dark; background-color: @color-bi-background-default-theme-dark;
} }
&.active, &:active { &.active, &:active {
@ -468,6 +588,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-highlight; color: @color-bi-text-highlight;
} }
& .bi-textarea {
color: @color-bi-text-highlight;
}
background-color: @color-bi-background-default-theme-dark; background-color: @color-bi-background-default-theme-dark;
} }
&.disabled { &.disabled {
@ -477,6 +600,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled-theme-dark !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
@ -492,6 +618,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-black; color: @color-bi-text-black;
} }
& .bi-textarea {
color: @color-bi-text-black;
}
.background-color(@color-bi-background-black, 5%); .background-color(@color-bi-background-black, 5%);
} }
&:active, &.active { &:active, &.active {
@ -499,6 +628,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text; color: @color-bi-text;
} }
& .bi-textarea {
color: @color-bi-text;
}
background-color: @color-bi-background-highlight; background-color: @color-bi-background-highlight;
& .bi-high-light { & .bi-high-light {
color: @color-bi-text; color: @color-bi-text;
@ -510,6 +642,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled !important;
}
background-color: transparent !important; background-color: transparent !important;
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
@ -525,6 +660,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text; color: @color-bi-text;
} }
& .bi-textarea {
color: @color-bi-text;
}
.background-color(@color-bi-background-default, 5%); .background-color(@color-bi-background-default, 5%);
} }
&:active, &.active { &:active, &.active {
@ -532,6 +670,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text; color: @color-bi-text;
} }
& .bi-textarea {
color: @color-bi-text;
}
background-color: @color-bi-background-highlight; background-color: @color-bi-background-highlight;
& .bi-high-light { & .bi-high-light {
color: @color-bi-text; color: @color-bi-text;
@ -544,6 +685,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled-theme-dark !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
@ -559,6 +703,9 @@
& .bi-input { & .bi-input {
color: inherit; color: inherit;
} }
& .bi-textarea {
color: inherit;
}
background-color: inherit; background-color: inherit;
} }
&:active, &.active { &:active, &.active {
@ -566,6 +713,9 @@
& .bi-input { & .bi-input {
color: inherit; color: inherit;
} }
& .bi-textarea {
color: inherit;
}
background-color: inherit; background-color: inherit;
& .bi-high-light { & .bi-high-light {
color: inherit; color: inherit;
@ -577,6 +727,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled !important;
}
background-color: transparent !important; background-color: transparent !important;
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled !important; color: @color-bi-text-disabled !important;
@ -592,6 +745,9 @@
& .bi-input { & .bi-input {
color: inherit; color: inherit;
} }
& .bi-textarea {
color: inherit;
}
background-color: inherit; background-color: inherit;
} }
&:active, &.active { &:active, &.active {
@ -599,6 +755,9 @@
& .bi-input { & .bi-input {
color: inherit; color: inherit;
} }
& .bi-textarea {
color: inherit;
}
background-color: inherit; background-color: inherit;
& .bi-high-light { & .bi-high-light {
color: inherit; color: inherit;
@ -611,6 +770,9 @@
& .bi-input { & .bi-input {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }
& .bi-textarea {
color: @color-bi-text-disabled-theme-dark !important;
}
& .bi-high-light { & .bi-high-light {
color: @color-bi-text-disabled-theme-dark !important; color: @color-bi-text-disabled-theme-dark !important;
} }

2
src/widget/downlist/combo.downlist.js

@ -10,6 +10,7 @@ BI.DownListCombo = BI.inherit(BI.Widget, {
items: [], items: [],
adjustLength: 0, adjustLength: 0,
direction: "bottom", direction: "bottom",
trigger: "click",
el: {} el: {}
}) })
}, },
@ -37,6 +38,7 @@ BI.DownListCombo = BI.inherit(BI.Widget, {
this.downlistcombo = BI.createWidget({ this.downlistcombo = BI.createWidget({
element: this, element: this,
type: 'bi.combo', type: 'bi.combo',
trigger: o.trigger,
isNeedAdjustWidth: false, isNeedAdjustWidth: false,
adjustLength: o.adjustLength, adjustLength: o.adjustLength,
direction: o.direction, direction: o.direction,

Loading…
Cancel
Save