forked from fanruan/fineui
zsmj
2 years ago
5 changed files with 134 additions and 26 deletions
@ -0,0 +1,76 @@ |
|||||||
|
BI.Instruction = BI.inherit(BI.Widget, { |
||||||
|
_defaultConfig: function () { |
||||||
|
var conf = BI.Link.superclass._defaultConfig.apply(this, arguments); |
||||||
|
return BI.extend(conf, { |
||||||
|
baseCls: (conf.baseCls || "") + " bi-instruction", |
||||||
|
height: 20, |
||||||
|
level: "error", |
||||||
|
textAlign: "left", |
||||||
|
whiteSpace: "nowrap", |
||||||
|
hgap: 5 |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.label", |
||||||
|
ref: function (_ref) { |
||||||
|
self.text = _ref; |
||||||
|
}, |
||||||
|
cls: "instruction-" + o.level, |
||||||
|
textAlign: o.textAlign, |
||||||
|
whiteSpace: o.whiteSpace, |
||||||
|
textHeight: o.height, |
||||||
|
height: o.height, |
||||||
|
hgap: o.hgap, |
||||||
|
rgap: o.rgap, |
||||||
|
lgap: o.lgap, |
||||||
|
vgap: o.vgap, |
||||||
|
text: o.text, |
||||||
|
keyword: o.keyword, |
||||||
|
value: o.value, |
||||||
|
py: o.py |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
doRedMark: function () { |
||||||
|
this.text.doRedMark.apply(this.text, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
unRedMark: function () { |
||||||
|
this.text.unRedMark.apply(this.text, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
doHighLight: function () { |
||||||
|
this.text.doHighLight.apply(this.text, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
unHighLight: function () { |
||||||
|
this.text.unHighLight.apply(this.text, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
setText: function (v) { |
||||||
|
this.options.text = v; |
||||||
|
this.text.setText(v); |
||||||
|
}, |
||||||
|
|
||||||
|
getText: function () { |
||||||
|
return this.options.text; |
||||||
|
}, |
||||||
|
|
||||||
|
setStyle: function (css) { |
||||||
|
this.text.setStyle(css); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function (v) { |
||||||
|
this.text.setValue(v); |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function () { |
||||||
|
this.text.getValue(); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
BI.shortcut("bi.instruction", BI.Instruction); |
@ -0,0 +1,31 @@ |
|||||||
|
@import "../../index.less"; |
||||||
|
|
||||||
|
.bi-instruction { |
||||||
|
.border-radius(2px); |
||||||
|
|
||||||
|
&.instruction-error{ |
||||||
|
background: @color-bi-background-bubble-error; |
||||||
|
color: @color-bi-text-failure; |
||||||
|
} |
||||||
|
|
||||||
|
&.instruction-common{ |
||||||
|
background: @color-bi-background-bubble-normal; |
||||||
|
color: @color-bi-text-highlight; |
||||||
|
} |
||||||
|
|
||||||
|
&.instruction-success{ |
||||||
|
background: @color-bi-background-bubble-success; |
||||||
|
color: @color-bi-text-success; |
||||||
|
} |
||||||
|
|
||||||
|
&.instruction-warning{ |
||||||
|
background: @color-bi-background-bubble-warning; |
||||||
|
color: @color-bi-text-redmark; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.bi-theme-dark { |
||||||
|
.bi-instruction.instruction-error { |
||||||
|
background: @color-bi-background-bubble-error-theme-dark; |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue