caoww
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

bugfix

es6
guy 4 years ago
parent
6f0e701f5c
commit
c91931f4d7
1 changed files with 147 additions and 137 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 284
      src/base/single/text.js

284
src/base/single/text.js
Unescape View File

@ -3,156 +3,166 @@
* @class BI.Text * @class BI.Text
* @extends BI.Single * @extends BI.Single
*/ */
BI.Text = BI.inherit(BI.Single, { !(function () {
BI.Text = BI.inherit(BI.Single, {
props: { props: {
baseCls: "bi-text", baseCls: "bi-text",
textAlign: "left", textAlign: "left",
whiteSpace: "normal", whiteSpace: "normal",
lineHeight: null, lineHeight: null,
handler: null, // 如果传入handler,表示处理文字的点击事件，不是区域的 handler: null, // 如果传入handler,表示处理文字的点击事件，不是区域的
hgap: 0, hgap: 0,
vgap: 0, vgap: 0,
lgap: 0, lgap: 0,
rgap: 0, rgap: 0,
tgap: 0, tgap: 0,
bgap: 0, bgap: 0,
text: "", text: "",
py: "", py: "",
highLight: false highLight: false
}, },
render: function () { render: function () {
var self = this, o = this.options; var self = this, o = this.options;
if (o.hgap + o.lgap > 0) { if (o.hgap + o.lgap > 0) {
this.element.css({
"padding-left": o.hgap + o.lgap + "px"
});
}
if (o.hgap + o.rgap > 0) {
this.element.css({
"padding-right": o.hgap + o.rgap + "px"
});
}
if (o.vgap + o.tgap > 0) {
this.element.css({
"padding-top": o.vgap + o.tgap + "px"
});
}
if (o.vgap + o.bgap > 0) {
this.element.css({
"padding-bottom": o.vgap + o.bgap + "px"
});
}
if (BI.isNumber(o.height)) {
this.element.css({lineHeight: o.height + "px"});
}
if (BI.isNumber(o.lineHeight)) {
this.element.css({lineHeight: o.lineHeight + "px"});
}
if (BI.isWidthOrHeight(o.maxWidth)) {
this.element.css({maxWidth: o.maxWidth});
}
this.element.css({ this.element.css({
"padding-left": o.hgap + o.lgap + "px" textAlign: o.textAlign,
whiteSpace: this._getTextWrap(),
textOverflow: o.whiteSpace === "nowrap" ? "ellipsis" : "",
overflow: o.whiteSpace === "nowrap" ? "" : (BI.isWidthOrHeight(o.height) ? "auto" : "")
}); });
} if (o.handler && o.handler !== BI.emptyFn) {
if (o.hgap + o.rgap > 0) { this.text = BI.createWidget({
this.element.css({ type: "bi.layout",
"padding-right": o.hgap + o.rgap + "px" tagName: "span"
}); });
} this.text.element.click(function () {
if (o.vgap + o.tgap > 0) { o.handler(self.getValue());
this.element.css({ });
"padding-top": o.vgap + o.tgap + "px" BI.createWidget({
}); type: "bi.default",
} element: this,
if (o.vgap + o.bgap > 0) { items: [this.text]
this.element.css({ });
"padding-bottom": o.vgap + o.bgap + "px" } else {
}); this.text = this;
} }
if (BI.isNumber(o.height)) {
this.element.css({lineHeight: o.height + "px"});
}
if (BI.isNumber(o.lineHeight)) {
this.element.css({lineHeight: o.lineHeight + "px"});
}
if (BI.isWidthOrHeight(o.maxWidth)) {
this.element.css({maxWidth: o.maxWidth});
}
this.element.css({
textAlign: o.textAlign,
whiteSpace: this._getTextWrap(),
textOverflow: o.whiteSpace === "nowrap" ? "ellipsis" : "",
overflow: o.whiteSpace === "nowrap" ? "" : (BI.isWidthOrHeight(o.height) ? "auto" : "")
});
if (o.handler && o.handler !== BI.emptyFn) {
this.text = BI.createWidget({
type: "bi.layout",
tagName: "span"
});
this.text.element.click(function () {
o.handler(self.getValue());
});
BI.createWidget({
type: "bi.default",
element: this,
items: [this.text]
});
} else {
this.text = this;
}
var text = this._getShowText(); var text = this._getShowText();
if (BI.isKey(text)) { if (BI.isKey(text)) {
this.setText(text); this.setText(text);
} else if (BI.isKey(o.value)) { } else if (BI.isKey(o.value)) {
this.setText(o.value); this.setText(o.value);
} }
if (BI.isKey(o.keyword)) { if (BI.isKey(o.keyword)) {
this.doRedMark(o.keyword); this.doRedMark(o.keyword);
} }
if (o.highLight) { if (o.highLight) {
this.doHighLight(); this.doHighLight();
} }
}, },
_getTextWrap: function () { _getTextWrap: function () {
var o = this.options; var o = this.options;
switch (o.whiteSpace) { switch (o.whiteSpace) {
case "nowrap": case "nowrap":
return "pre"; return "pre";
case "normal": case "normal":
default: default:
return "pre-wrap"; return "pre-wrap";
} }
}, },
_getShowText: function () { _getShowText: function () {
var o = this.options; var o = this.options;
return BI.isFunction(o.text) ? o.text() : o.text; return BI.isFunction(o.text) ? o.text() : o.text;
}, },
doRedMark: function (keyword) { doRedMark: function (keyword) {
var o = this.options; var o = this.options;
// render之后做的doredmark,这个时候虽然标红了，但是之后text mounted执行的时候并没有keyword // render之后做的doredmark,这个时候虽然标红了，但是之后text mounted执行的时候并没有keyword
o.keyword = keyword; o.keyword = keyword;
this.text.element.__textKeywordMarked__(this._getShowText() || o.value, keyword, o.py); this.text.element.__textKeywordMarked__(this._getShowText() || o.value, keyword, o.py);
}, },
unRedMark: function () { unRedMark: function () {
var o = this.options; var o = this.options;
o.keyword = ""; o.keyword = "";
this.text.element.__textKeywordMarked__(this._getShowText() || o.value, "", o.py); this.text.element.__textKeywordMarked__(this._getShowText() || o.value, "", o.py);
}, },
doHighLight: function () { doHighLight: function () {
this.text.element.addClass("bi-high-light"); this.text.element.addClass("bi-high-light");
}, },
unHighLight: function () { unHighLight: function () {
this.text.element.removeClass("bi-high-light"); this.text.element.removeClass("bi-high-light");
}, },
setValue: function (text) { setValue: function (text) {
BI.Text.superclass.setValue.apply(this, arguments); BI.Text.superclass.setValue.apply(this, arguments);
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.setText(text); this.setText(text);
} }
}, },
setStyle: function (css) { setStyle: function (css) {
this.text.element.css(css); this.text.element.css(css);
}, },
setText: function (text) { setText: function (text) {
BI.Text.superclass.setText.apply(this, arguments); BI.Text.superclass.setText.apply(this, arguments);
// 为textContext赋值为undefined时在ie和edge下会真的显示undefined // 为textContext赋值为undefined时在ie和edge下会真的显示undefined
this.options.text = BI.isNotNull(text) ? text : ""; this.options.text = BI.isNotNull(text) ? text : "";
if (BI.isIE9Below()) { if (BI.isIE9Below()) {
this.text.element.html(BI.htmlEncode(BI.Text.formatText(this._getShowText()))); this.text.element.html(BI.htmlEncode(BI.Text.formatText(this._getShowText())));
return; return;
}
// textContent性能更好,并且原生防xss
this.text.element[0].textContent = BI.Text.formatText(this._getShowText());
BI.isKey(this.options.keyword) && this.doRedMark(this.options.keyword);
}
});
var formatters = [];
BI.Text.addTextFormatter = function (formatter) {
formatters.push(formatter);
};
BI.Text.formatText = function (text) {
for (var i = 0, len = formatters.length; i < len; i++) {
text = formatters[i](text);
} }
// textContent性能更好,并且原生防xss return text;
this.text.element[0].textContent = BI.Text.formatText(this._getShowText()); };
BI.isKey(this.options.keyword) && this.doRedMark(this.options.keyword); BI.shortcut("bi.text", BI.Text);
} }());
});
BI.Text.formatText = function (text) {
return text;
};
BI.shortcut("bi.text", BI.Text);

Write Preview
Loading…
Cancel
Save