forked from fanruan/fineui
Browse Source
* commit '4a2e6914ce943d61ade96371741b62d9c7833abc': KERNEL-748 feat: fineui的html、htmlLabel控件代码优化. build build KERNEL-748 feat: fineui的html、htmlLabel控件代码优化. 去掉bi.html 的mouted 之后setText逻辑. 去除label和htmllabel的重复代码.es6
guy
5 years ago
20 changed files with 1371 additions and 4196 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,370 @@
|
||||
/** |
||||
* Created by dailer on 2019/6/19. |
||||
*/ |
||||
|
||||
BI.AbstractLabel = BI.inherit(BI.Single, { |
||||
|
||||
_defaultConfig: function (props) { |
||||
var conf = BI.AbstractLabel.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
textAlign: "center", |
||||
whiteSpace: "nowrap", // normal or nowrap
|
||||
textWidth: null, |
||||
textHeight: null, |
||||
hgap: 0, |
||||
vgap: 0, |
||||
lgap: 0, |
||||
rgap: 0, |
||||
tgap: 0, |
||||
bgap: 0, |
||||
text: "", |
||||
highLight: false |
||||
}); |
||||
}, |
||||
|
||||
_createJson: function () { |
||||
var o = this.options; |
||||
return { |
||||
type: "bi.text", |
||||
textAlign: o.textAlign, |
||||
whiteSpace: o.whiteSpace, |
||||
lineHeight: o.textHeight, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword, |
||||
highLight: o.highLight |
||||
}; |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.AbstractLabel.superclass._init.apply(this, arguments); |
||||
|
||||
if (this.options.textAlign === "center") { |
||||
this._createCenterEl(); |
||||
} else { |
||||
this._createNotCenterEl(); |
||||
} |
||||
}, |
||||
|
||||
_createCenterEl: function () { |
||||
var o = this.options; |
||||
var json = this._createJson(); |
||||
json.textAlign = "left"; |
||||
if (BI.isNumber(o.width) && o.width > 0) { |
||||
if (BI.isNumber(o.textWidth) && o.textWidth > 0) { |
||||
json.maxWidth = o.textWidth; |
||||
if (BI.isNumber(o.height) && o.height > 0) { // 1.1
|
||||
BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
height: o.height, |
||||
scrollable: o.whiteSpace === "normal", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: (this.text = BI.createWidget(json)) |
||||
} |
||||
] |
||||
}); |
||||
return; |
||||
} |
||||
BI.createWidget({ // 1.2
|
||||
type: "bi.center_adapt", |
||||
scrollable: o.whiteSpace === "normal", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: (this.text = BI.createWidget(json)) |
||||
} |
||||
] |
||||
}); |
||||
return; |
||||
} |
||||
if (o.whiteSpace == "normal") { // 1.3
|
||||
BI.extend(json, { |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap |
||||
}); |
||||
this.text = BI.createWidget(json); |
||||
BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
scrollable: o.whiteSpace === "normal", |
||||
element: this, |
||||
items: [this.text] |
||||
}); |
||||
return; |
||||
} |
||||
if (BI.isNumber(o.height) && o.height > 0) { // 1.4
|
||||
this.element.css({ |
||||
"line-height": o.height + "px" |
||||
}); |
||||
json.textAlign = o.textAlign; |
||||
this.text = BI.createWidget(BI.extend(json, { |
||||
element: this, |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap |
||||
})); |
||||
return; |
||||
} |
||||
BI.extend(json, { // 1.5
|
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap, |
||||
maxWidth: "100%" |
||||
}); |
||||
this.text = BI.createWidget(json); |
||||
BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
scrollable: o.whiteSpace === "normal", |
||||
element: this, |
||||
items: [this.text] |
||||
}); |
||||
return; |
||||
} |
||||
if (BI.isNumber(o.textWidth) && o.textWidth > 0) { // 1.6
|
||||
json.maxWidth = o.textWidth; |
||||
BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
scrollable: o.whiteSpace === "normal", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: (this.text = BI.createWidget(json)) |
||||
} |
||||
] |
||||
}); |
||||
return; |
||||
} |
||||
if (o.whiteSpace == "normal") { // 1.7
|
||||
BI.extend(json, { |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap |
||||
}); |
||||
this.text = BI.createWidget(json); |
||||
BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
scrollable: true, |
||||
element: this, |
||||
items: [this.text] |
||||
}); |
||||
return; |
||||
} |
||||
if (BI.isNumber(o.height) && o.height > 0) { // 1.8
|
||||
this.element.css({ |
||||
"line-height": o.height + "px" |
||||
}); |
||||
json.textAlign = o.textAlign; |
||||
this.text = BI.createWidget(BI.extend(json, { |
||||
element: this, |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap |
||||
})); |
||||
return; |
||||
} |
||||
BI.extend(json, { |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap |
||||
}); |
||||
|
||||
this.text = BI.createWidget(BI.extend(json, { |
||||
maxWidth: "100%" |
||||
})); |
||||
BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
element: this, |
||||
items: [this.text] |
||||
}); |
||||
}, |
||||
|
||||
_createNotCenterEl: function () { |
||||
var o = this.options; |
||||
var adaptLayout = o.textAlign === "right" ? "bi.right_vertical_adapt" : "bi.vertical_adapt"; |
||||
var json = this._createJson(); |
||||
if (BI.isNumber(o.width) && o.width > 0) { |
||||
if (BI.isNumber(o.textWidth) && o.textWidth > 0) { |
||||
json.width = o.textWidth; |
||||
if (BI.isNumber(o.height) && o.height > 0) { // 2.1
|
||||
BI.createWidget({ |
||||
type: adaptLayout, |
||||
height: o.height, |
||||
scrollable: o.whiteSpace === "normal", |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: (this.text = BI.createWidget(json)) |
||||
} |
||||
] |
||||
}); |
||||
return; |
||||
} |
||||
BI.createWidget({ // 2.2
|
||||
type: adaptLayout, |
||||
scrollable: o.whiteSpace === "normal", |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap, |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: (this.text = BI.createWidget(json)) |
||||
} |
||||
] |
||||
}); |
||||
return; |
||||
} |
||||
if (BI.isNumber(o.height) && o.height > 0) { // 2.3
|
||||
this.text = BI.createWidget(BI.extend(json, { |
||||
element: this, |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap |
||||
})); |
||||
if (o.whiteSpace !== "normal") { |
||||
this.element.css({ |
||||
"line-height": o.height - (o.vgap * 2) + "px" |
||||
}); |
||||
} |
||||
return; |
||||
} |
||||
json.width = o.width - 2 * o.hgap - o.lgap - o.rgap; |
||||
BI.createWidget({ // 2.4
|
||||
type: adaptLayout, |
||||
scrollable: o.whiteSpace === "normal", |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap, |
||||
element: this, |
||||
items: [{ |
||||
el: (this.text = BI.createWidget(json)) |
||||
}] |
||||
}); |
||||
return; |
||||
} |
||||
if (BI.isNumber(o.textWidth) && o.textWidth > 0) { |
||||
json.width = o.textWidth; |
||||
BI.createWidget({ // 2.5
|
||||
type: adaptLayout, |
||||
scrollable: o.whiteSpace === "normal", |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap, |
||||
element: this, |
||||
items: [ |
||||
{ |
||||
el: (this.text = BI.createWidget(json)) |
||||
} |
||||
] |
||||
}); |
||||
return; |
||||
} |
||||
if (BI.isNumber(o.height) && o.height > 0) { |
||||
if (o.whiteSpace !== "normal") { |
||||
this.element.css({ |
||||
"line-height": o.height - (o.vgap * 2) + "px" |
||||
}); |
||||
} |
||||
this.text = BI.createWidget(BI.extend(json, { // 2.6
|
||||
element: this, |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap |
||||
})); |
||||
return; |
||||
} |
||||
BI.extend(json, { |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap |
||||
}); |
||||
|
||||
this.text = BI.createWidget(BI.extend(json, { |
||||
maxWidth: "100%" |
||||
})); |
||||
BI.createWidget({ |
||||
type: adaptLayout, |
||||
element: this, |
||||
items: [this.text] |
||||
}); |
||||
}, |
||||
|
||||
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) { |
||||
BI.AbstractLabel.superclass.setValue.apply(this, arguments); |
||||
if (!this.isReadOnly()) { |
||||
this.text.setValue(v); |
||||
} |
||||
}, |
||||
|
||||
populate: function () { |
||||
BI.AbstractLabel.superclass.populate.apply(this, arguments); |
||||
} |
||||
}); |
||||
Loading…
Reference in new issue