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