laya-coreui-es
Version:
laya核心库、ui库es版本，剔除了媒体、TTF等功能。基于 LayaAir-release_2.12.0 修改
402 lines (401 loc) • 12.9 kB
JavaScript
import { HTMLDocument } from "./HTMLDocument";
import { HTMLHitRect } from "./HTMLHitRect";
import { HTMLStyle } from "../utils/HTMLStyle";
import { Layout } from "../utils/Layout";
import { URL } from "../../net/URL";
import { HTMLChar } from "../../utils/HTMLChar";
import { Pool } from "../../utils/Pool";
import { ILaya } from "../../../ILaya";
import { IHtml } from "../utils/IHtml";
export var HTMLElementType;
(function (HTMLElementType) {
HTMLElementType[HTMLElementType["BASE"] = 0] = "BASE";
HTMLElementType[HTMLElementType["IMAGE"] = 1] = "IMAGE";
})(HTMLElementType || (HTMLElementType = {}));
export class HTMLElement {
static formatURL1(url, basePath = null) {
if (!url)
return "null path";
if (!basePath)
basePath = URL.basePath;
if (url.indexOf(":") > 0)
return url;
if (URL.customFormat != null)
url = URL.customFormat(url);
if (url.indexOf(":") > 0)
return url;
var char1 = url.charAt(0);
if (char1 === ".") {
return URL._formatRelativePath(basePath + url);
}
else if (char1 === '~') {
return URL.rootPath + url.substring(1);
}
else if (char1 === "d") {
if (url.indexOf("data:image") === 0)
return url;
}
else if (char1 === "/") {
return url;
}
return basePath + url;
}
constructor() {
this.eletype = HTMLElementType.BASE;
this._creates();
this.reset();
}
_creates() {
this._style = HTMLStyle.create();
}
reset() {
this.URI = null;
this.parent = null;
this._style.reset();
this._style.ower = this;
this._style.valign = "middle";
if (this._text && this._text.words) {
var words = this._text.words;
var i, len;
len = words.length;
var tChar;
for (i = 0; i < len; i++) {
tChar = words[i];
if (tChar)
tChar.recover();
}
}
this._text = HTMLElement._EMPTYTEXT;
if (this._children)
this._children.length = 0;
this._x = this._y = this._width = this._height = 0;
return this;
}
_getCSSStyle() {
return this._style;
}
_addChildsToLayout(out) {
var words = this._getWords();
if (words == null && (!this._children || this._children.length == 0))
return false;
if (words) {
for (var i = 0, n = words.length; i < n; i++) {
out.push(words[i]);
}
}
if (this._children)
this._children.forEach(function (o, index, array) {
var _style = o._style;
_style._enableLayout && _style._enableLayout() && o._addToLayout(out);
});
return true;
}
_addToLayout(out) {
if (!this._style)
return;
var style = this._style;
if (style.absolute)
return;
style.block ? out.push(this) : (this._addChildsToLayout(out) && (this.x = this.y = 0));
}
set id(value) {
HTMLDocument.document.setElementById(value, this);
}
repaint(recreate = false) {
this.parentRepaint(recreate);
}
parentRepaint(recreate = false) {
if (this.parent)
this.parent.repaint(recreate);
}
set innerTEXT(value) {
if (this._text === HTMLElement._EMPTYTEXT) {
this._text = { text: value, words: null };
}
else {
this._text.text = value;
this._text.words && (this._text.words.length = 0);
}
this.repaint();
}
get innerTEXT() {
return this._text.text;
}
_setParent(value) {
if (value instanceof HTMLElement) {
var p = value;
this.URI || (this.URI = p.URI);
if (this.style)
this.style.inherit(p.style);
}
}
appendChild(c) {
return this.addChild(c);
}
addChild(c) {
if (c.parent)
c.parent.removeChild(c);
if (!this._children)
this._children = [];
this._children.push(c);
c.parent = this;
c._setParent(this);
this.repaint();
return c;
}
removeChild(c) {
if (!this._children)
return null;
var i, len;
len = this._children.length;
for (i = 0; i < len; i++) {
if (this._children[i] == c) {
this._children.splice(i, 1);
return c;
}
}
return null;
}
static getClassName(tar) {
if (tar instanceof Function)
return tar.name;
return tar["constructor"].name;
}
destroy() {
if (this._children) {
this.destroyChildren();
this._children.length = 0;
}
Pool.recover(HTMLElement.getClassName(this), this.reset());
}
destroyChildren() {
if (this._children) {
for (var i = this._children.length - 1; i > -1; i--) {
this._children[i].destroy();
}
this._children.length = 0;
}
}
get style() {
return this._style;
}
_getWords() {
if (!this._text)
return null;
var txt = this._text.text;
if (!txt || txt.length === 0)
return null;
var words = this._text.words;
if (words && words.length === txt.length)
return words;
words === null && (this._text.words = words = []);
words.length = txt.length;
var size;
var style = this.style;
var fontStr = style.font;
for (var i = 0, n = txt.length; i < n; i++) {
size = ILaya.Browser.measureText(txt.charAt(i), fontStr);
words[i] = HTMLChar.create().setData(txt.charAt(i), size.width, size.height || style.fontSize, style);
}
return words;
}
_isChar() {
return false;
}
_layoutLater() {
var style = this.style;
if ((style._type & HTMLStyle.ADDLAYOUTED))
return;
if (style.widthed(this) && ((this._children && this._children.length > 0) || this._getWords() != null) && style.block) {
Layout.later(this);
style._type |= HTMLStyle.ADDLAYOUTED;
}
else {
this.parent && this.parent._layoutLater();
}
}
set x(v) {
if (this._x != v) {
this._x = v;
this.parentRepaint();
}
}
get x() {
return this._x;
}
set y(v) {
if (this._y != v) {
this._y = v;
this.parentRepaint();
}
}
get y() {
return this._y;
}
get width() {
return this._width;
}
set width(value) {
if (this._width !== value) {
this._width = value;
this.repaint();
}
}
get height() {
return this._height;
}
set height(value) {
if (this._height !== value) {
this._height = value;
this.repaint();
}
}
_setAttributes(name, value) {
switch (name) {
case 'style':
this.style.cssText(value);
break;
case 'class':
this.className = value;
break;
case 'x':
this.x = parseFloat(value);
break;
case 'y':
this.y = parseFloat(value);
break;
case 'width':
this.width = parseFloat(value);
break;
case 'height':
this.height = parseFloat(value);
break;
default:
this[name] = value;
}
}
set href(url) {
if (!this._style)
return;
if (url != this._style.href) {
this._style.href = url;
this.repaint();
}
}
get href() {
if (!this._style)
return null;
return this._style.href;
}
formatURL(url) {
if (!this.URI)
return url;
return HTMLElement.formatURL1(url, this.URI ? this.URI.path : null);
}
set color(value) {
this.style.color = value;
}
set className(value) {
this.style.attrs(HTMLDocument.document.styleSheets['.' + value]);
}
drawToGraphic(graphic, gX, gY, recList) {
gX += this.x;
gY += this.y;
var cssStyle = this.style;
if (cssStyle.paddingLeft) {
gX += cssStyle.paddingLeft;
}
if (cssStyle.paddingTop) {
gY += cssStyle.paddingTop;
}
if (cssStyle.bgColor != null || cssStyle.borderColor) {
graphic.drawRect(gX, gY, this.width, this.height, cssStyle.bgColor, cssStyle.borderColor, 1);
}
this.renderSelfToGraphic(graphic, gX, gY, recList);
var i, len;
var tChild;
if (this._children && this._children.length > 0) {
len = this._children.length;
for (i = 0; i < len; i++) {
tChild = this._children[i];
if (tChild.drawToGraphic != null)
tChild.drawToGraphic(graphic, gX, gY, recList);
}
}
}
renderSelfToGraphic(graphic, gX, gY, recList) {
var cssStyle = this.style;
var words = this._getWords();
var i, len;
if (words) {
len = words.length;
var a;
if (cssStyle) {
var font = cssStyle.font;
var color = cssStyle.color;
if (cssStyle.stroke) {
var stroke = cssStyle.stroke;
stroke = parseInt(stroke);
var strokeColor = cssStyle.strokeColor;
graphic.fillBorderWords(words, gX, gY, font, color, strokeColor, stroke);
}
else {
graphic.fillWords(words, gX, gY, font, color);
}
if (this.href) {
var lastIndex = words.length - 1;
var lastWords = words[lastIndex];
var lineY = lastWords.y + lastWords.height;
if (lastWords.y == words[0].y) {
if (cssStyle.textDecoration != "none")
graphic.drawLine(words[0].x, lineY, lastWords.x + lastWords.width, lineY, color, 1);
var hitRec = HTMLHitRect.create();
hitRec.rec.setTo(words[0].x, lastWords.y, lastWords.x + lastWords.width - words[0].x, lastWords.height);
hitRec.href = this.href;
recList.push(hitRec);
}
else {
this.workLines(words, graphic, recList);
}
}
}
}
}
workLines(wordList, g, recList) {
var cssStyle = this.style;
var hasLine;
hasLine = cssStyle.textDecoration != "none";
var i = 0, len;
len = wordList.length;
var tStartWord;
tStartWord = wordList[i];
var tEndWord;
tEndWord = tStartWord;
if (!tStartWord)
return;
var tword;
for (i = 1; i < len; i++) {
tword = wordList[i];
if (tword.y != tStartWord.y) {
this.createOneLine(tStartWord, tEndWord, hasLine, g, recList);
tStartWord = tword;
tEndWord = tword;
}
else {
tEndWord = tword;
}
}
this.createOneLine(tStartWord, tEndWord, hasLine, g, recList);
}
createOneLine(startWord, lastWords, hasLine, graphic, recList) {
var lineY = lastWords.y + lastWords.height;
if (hasLine)
graphic.drawLine(startWord.x, lineY, lastWords.x + lastWords.width, lineY, this.style.color, 1);
var hitRec = HTMLHitRect.create();
hitRec.rec.setTo(startWord.x, lastWords.y, lastWords.x + lastWords.width - startWord.x, lastWords.height);
hitRec.href = this.href;
recList.push(hitRec);
}
}
HTMLElement._EMPTYTEXT = { text: null, words: null };
IHtml.HTMLElementType = HTMLElementType;