fanruan
/
fineui
4
1
Fork 2
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

Pull request #1460: 无JIRA任务 整理一下 

Merge in VISUAL/fineui from ~GUY/fineui:master to master

* commit '69769a40034160a143576fc80b0a76bf79e82ff9':
  bugfix
es6
guy 4 years ago
parent
4e30e3adf3 69769a4003
commit
2f74a86220
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