89 lines
3.1 KiB
JavaScript
89 lines
3.1 KiB
JavaScript
|
"use strict";
|
||
|
|
(function view_label_js() {
|
||
|
|
var moduleName = "views/label";
|
||
|
|
|
||
|
|
var defineArray = [];
|
||
|
|
defineArray.push("views/view");
|
||
|
|
defineArray.push("lib/fonts/Liberation");
|
||
|
|
|
||
|
|
define(moduleName, defineArray, function view_label_module() {
|
||
|
|
var View = require("views/view");
|
||
|
|
|
||
|
|
var Label = View.inherit({
|
||
|
|
"className": "Label",
|
||
|
|
"constructor": function(controller, options) {
|
||
|
|
var base = {};
|
||
|
|
W.extend(base, options)
|
||
|
|
View.fn.constructor.call(this, controller, base);
|
||
|
|
|
||
|
|
this._timeout = undefined;
|
||
|
|
this._recalculationScheduled = false;
|
||
|
|
|
||
|
|
this._e.innerText = this._f.data || "";
|
||
|
|
if (this._f.data !== "") {
|
||
|
|
this._scheduleRecalculation();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"destructor": function() {
|
||
|
|
if (this._recalculationScheduled) {
|
||
|
|
clearTimeout(this._timeout);
|
||
|
|
}
|
||
|
|
|
||
|
|
View.fn.destructor.call(this);
|
||
|
|
},
|
||
|
|
"_onAddProperty": function(key, propertyName) {
|
||
|
|
View.fn._onAddProperty.call(this, key, propertyName);
|
||
|
|
|
||
|
|
if (sizeChangingProperties.indexOf(propertyName) !== -1) {
|
||
|
|
this._scheduleRecalculation();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"_onData": function() {
|
||
|
|
if (this._e.innerText !== this._f.data) {
|
||
|
|
this._e.innerText = this._f.data || "";
|
||
|
|
this._scheduleRecalculation();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"_recalculateSize": function() {
|
||
|
|
var fs = parseFloat(this._e.style.fontSize) || 16;
|
||
|
|
var fontFamily = this._e.style.fontFamily || "Liberation";
|
||
|
|
|
||
|
|
var h = fs + 2;
|
||
|
|
var w = Label.calculateSingleString(fontFamily, fs, this._f.data || "");
|
||
|
|
this.setConstSize(w, h);
|
||
|
|
this._recalculationScheduled = false;
|
||
|
|
},
|
||
|
|
"_scheduleRecalculation": function() {
|
||
|
|
if (!this._recalculationScheduled) {
|
||
|
|
this._timeout = setTimeout(this._recalculateSize.bind(this), 10);
|
||
|
|
this._recalculationScheduled = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var sizeChangingProperties = ["fontSize", "fontFamily", "whiteSpace"];
|
||
|
|
|
||
|
|
Label.calculateSingleString = function(family, size, string) {
|
||
|
|
var fontStorage = Label.fonts[family] || Label.fonts["Liberation"];
|
||
|
|
|
||
|
|
var width = 0;
|
||
|
|
var mul = size / fontStorage.unitsPerEm;
|
||
|
|
var aw = fontStorage.advanceWidthArray;
|
||
|
|
|
||
|
|
for (var i = 0; i < string.length; ++i) {
|
||
|
|
var letter = string.charCodeAt(i);
|
||
|
|
var l = aw[letter] || 1536;
|
||
|
|
width += (l * mul);
|
||
|
|
}
|
||
|
|
|
||
|
|
return Math.ceil(width);
|
||
|
|
};
|
||
|
|
|
||
|
|
Label.fonts = {
|
||
|
|
Liberation: require("lib/fonts/Liberation")
|
||
|
|
};
|
||
|
|
|
||
|
|
return Label;
|
||
|
|
});
|
||
|
|
})();
|