laya-coreui-es
Version:
laya核心库、ui库es版本，剔除了媒体、TTF等功能。基于 LayaAir-release_2.12.0 修改
348 lines (347 loc) • 11.9 kB
JavaScript
import { HTMLExtendStyle } from "./HTMLExtendStyle";
import { ILaya } from "../../../ILaya";
import { Pool } from "../../utils/Pool";
export class HTMLStyle {
constructor() {
this.padding = HTMLStyle._PADDING;
this.reset();
}
_getExtendStyle() {
if (this._extendStyle === HTMLExtendStyle.EMPTY)
this._extendStyle = HTMLExtendStyle.create();
return this._extendStyle;
}
get href() {
return this._extendStyle.href;
}
set href(value) {
if (value === this._extendStyle.href)
return;
this._getExtendStyle().href = value;
}
get stroke() {
return this._extendStyle.stroke;
}
set stroke(value) {
if (this._extendStyle.stroke === value)
return;
this._getExtendStyle().stroke = value;
}
get strokeColor() {
return this._extendStyle.strokeColor;
}
set strokeColor(value) {
if (this._extendStyle.strokeColor === value)
return;
this._getExtendStyle().strokeColor = value;
}
get leading() {
return this._extendStyle.leading;
}
set leading(value) {
if (this._extendStyle.leading === value)
return;
this._getExtendStyle().leading = value;
}
get lineHeight() {
return this._extendStyle.lineHeight;
}
set lineHeight(value) {
if (this._extendStyle.lineHeight === value)
return;
this._getExtendStyle().lineHeight = value;
}
set align(v) {
if (!(v in HTMLStyle.alignVDic))
return;
this._type &= (~HTMLStyle._ALIGN);
this._type |= HTMLStyle.alignVDic[v];
}
get align() {
var v = this._type & HTMLStyle._ALIGN;
return HTMLStyle.align_Value[v];
}
set valign(v) {
if (!(v in HTMLStyle.alignVDic))
return;
this._type &= (~HTMLStyle._VALIGN);
this._type |= HTMLStyle.alignVDic[v];
}
get valign() {
var v = this._type & HTMLStyle._VALIGN;
return HTMLStyle.vAlign_Value[v];
}
set font(value) {
var strs = value.split(' ');
for (var i = 0, n = strs.length; i < n; i++) {
var str = strs[i];
switch (str) {
case 'italic':
this.italic = true;
continue;
case 'bold':
this.bold = true;
continue;
}
if (str.indexOf('px') > 0) {
this.fontSize = parseInt(str);
this.family = strs[i + 1];
i++;
continue;
}
}
}
get font() {
return (this.italic ? "italic " : "") + (this.bold ? "bold " : "") + this.fontSize + "px " + (ILaya.Browser.onIPhone ? (ILaya.Text.fontFamilyMap[this.family] || this.family) : this.family);
}
set block(value) {
value ? (this._type |= HTMLStyle._CSS_BLOCK) : (this._type &= (~HTMLStyle._CSS_BLOCK));
}
get block() {
return (this._type & HTMLStyle._CSS_BLOCK) != 0;
}
reset() {
this.ower = null;
this._type = 0;
this.wordWrap = true;
this.fontSize = ILaya.Text.defaultFontSize;
this.family = ILaya.Text.defaultFont;
this.color = "#000000";
this.valign = HTMLStyle.VALIGN_TOP;
this.padding = HTMLStyle._PADDING;
this.bold = false;
this.italic = false;
this.align = HTMLStyle.ALIGN_LEFT;
this.textDecoration = null;
this.bgColor = null;
this.borderColor = null;
if (this._extendStyle)
this._extendStyle.recover();
this._extendStyle = HTMLExtendStyle.EMPTY;
return this;
}
recover() {
Pool.recover("HTMLStyle", this.reset());
}
static create() {
return Pool.getItemByClass("HTMLStyle", HTMLStyle);
}
inherit(src) {
var i, len;
var props;
props = HTMLStyle._inheritProps;
len = props.length;
var key;
for (i = 0; i < len; i++) {
key = props[i];
this[key] = src[key];
}
}
get wordWrap() {
return (this._type & HTMLStyle._NOWARP) === 0;
}
set wordWrap(value) {
value ? (this._type &= ~HTMLStyle._NOWARP) : (this._type |= HTMLStyle._NOWARP);
}
get bold() {
return (this._type & HTMLStyle._BOLD) != 0;
}
set bold(value) {
value ? (this._type |= HTMLStyle._BOLD) : (this._type &= ~HTMLStyle._BOLD);
}
get fontWeight() {
return (this._type & HTMLStyle._BOLD) ? "bold" : "none";
}
set fontWeight(value) {
value == "bold" ? (this._type |= HTMLStyle._BOLD) : (this._type &= ~HTMLStyle._BOLD);
}
get italic() {
return (this._type & HTMLStyle._ITALIC) != 0;
}
set italic(value) {
value ? (this._type |= HTMLStyle._ITALIC) : (this._type &= ~HTMLStyle._ITALIC);
}
_widthAuto() {
return (this._type & HTMLStyle._WIDTHAUTO) !== 0;
}
widthed(sprite) {
return (this._type & HTMLStyle._WIDTH_SET) != 0;
}
set whiteSpace(type) {
type === "nowrap" && (this._type |= HTMLStyle._NOWARP);
type === "none" && (this._type &= ~HTMLStyle._NOWARP);
}
get whiteSpace() {
return (this._type & HTMLStyle._NOWARP) ? "nowrap" : "";
}
_calculation(type, value) {
return false;
}
set width(w) {
this._type |= HTMLStyle._WIDTH_SET;
if (typeof (w) == 'string') {
var offset = w.indexOf('auto');
if (offset >= 0) {
this._type |= HTMLStyle._WIDTHAUTO;
w = w.substr(0, offset);
}
if (this._calculation("width", w))
return;
w = parseInt(w);
}
this.size(w, -1);
}
set height(h) {
this._type |= HTMLStyle._HEIGHT_SET;
if (typeof (h) == 'string') {
if (this._calculation("height", h))
return;
h = parseInt(h);
}
this.size(-1, h);
}
heighted(sprite) {
return (this._type & HTMLStyle._HEIGHT_SET) != 0;
}
size(w, h) {
var ower = this.ower;
var resize = false;
if (w !== -1 && w != ower.width) {
this._type |= HTMLStyle._WIDTH_SET;
ower.width = w;
resize = true;
}
if (h !== -1 && h != ower.height) {
this._type |= HTMLStyle._HEIGHT_SET;
ower.height = h;
resize = true;
}
if (resize) {
ower._layoutLater();
}
}
getLineElement() {
return (this._type & HTMLStyle._LINE_ELEMENT) != 0;
}
setLineElement(value) {
value ? (this._type |= HTMLStyle._LINE_ELEMENT) : (this._type &= (~HTMLStyle._LINE_ELEMENT));
}
_enableLayout() {
return (this._type & HTMLStyle._DISPLAY_NONE) === 0 && (this._type & HTMLStyle._ABSOLUTE) === 0;
}
get letterSpacing() {
return this._extendStyle.letterSpacing;
}
set letterSpacing(d) {
(typeof (d) == 'string') && (d = parseInt(d + ""));
if (d == this._extendStyle.letterSpacing)
return;
this._getExtendStyle().letterSpacing = d;
}
cssText(text) {
this.attrs(HTMLStyle.parseOneCSS(text, ';'));
}
attrs(attrs) {
if (attrs) {
for (var i = 0, n = attrs.length; i < n; i++) {
var attr = attrs[i];
this[attr[0]] = attr[1];
}
}
}
set position(value) {
value === "absolute" ? (this._type |= HTMLStyle._ABSOLUTE) : (this._type &= ~HTMLStyle._ABSOLUTE);
}
get position() {
return (this._type & HTMLStyle._ABSOLUTE) ? "absolute" : "";
}
get absolute() {
return (this._type & HTMLStyle._ABSOLUTE) !== 0;
}
get paddingLeft() {
return this.padding[3];
}
get paddingTop() {
return this.padding[0];
}
static parseOneCSS(text, clipWord) {
var out = [];
var attrs = text.split(clipWord);
var valueArray;
for (var i = 0, n = attrs.length; i < n; i++) {
var attr = attrs[i];
var ofs = attr.indexOf(':');
var name = attr.substr(0, ofs).replace(/^\s+|\s+$/g, '');
if (name.length === 0)
continue;
var value = attr.substr(ofs + 1).replace(/^\s+|\s+$/g, '');
var one = [name, value];
switch (name) {
case 'italic':
case 'bold':
one[1] = value == "true";
break;
case "font-weight":
if (value == "bold") {
one[1] = true;
one[0] = "bold";
}
break;
case 'line-height':
one[0] = 'lineHeight';
one[1] = parseInt(value);
break;
case 'font-size':
one[0] = 'fontSize';
one[1] = parseInt(value);
break;
case 'stroke':
one[0] = 'stroke';
one[1] = parseInt(value);
break;
case 'padding':
valueArray = value.split(' ');
valueArray.length > 1 || (valueArray[1] = valueArray[2] = valueArray[3] = valueArray[0]);
one[1] = [parseInt(valueArray[0]), parseInt(valueArray[1]), parseInt(valueArray[2]), parseInt(valueArray[3])];
break;
default:
(one[0] = HTMLStyle._CSSTOVALUE[name]) || (one[0] = name);
}
out.push(one);
}
return out;
}
static parseCSS(text, uri) {
var one;
while ((one = HTMLStyle._parseCSSRegExp.exec(text)) != null) {
HTMLStyle.styleSheets[one[1]] = HTMLStyle.parseOneCSS(one[2], ';');
}
}
}
HTMLStyle._CSSTOVALUE = { 'letter-spacing': 'letterSpacing', 'white-space': 'whiteSpace', 'line-height': 'lineHeight', 'font-family': 'family', 'vertical-align': 'valign', 'text-decoration': 'textDecoration', 'background-color': 'bgColor', 'border-color': 'borderColor' };
HTMLStyle._parseCSSRegExp = new RegExp("([\.\#]\\w+)\\s*{([\\s\\S]*?)}", "g");
HTMLStyle._inheritProps = ["italic", "align", "valign", "leading", "letterSpacing", "stroke", "strokeColor", "bold", "fontWeight", "fontSize", "lineHeight", "wordWrap", "color"];
HTMLStyle.ALIGN_LEFT = "left";
HTMLStyle.ALIGN_CENTER = "center";
HTMLStyle.ALIGN_RIGHT = "right";
HTMLStyle.VALIGN_TOP = "top";
HTMLStyle.VALIGN_MIDDLE = "middle";
HTMLStyle.VALIGN_BOTTOM = "bottom";
HTMLStyle.styleSheets = {};
HTMLStyle.ADDLAYOUTED = 0x200;
HTMLStyle._PADDING = [0, 0, 0, 0];
HTMLStyle._HEIGHT_SET = 0x2000;
HTMLStyle._LINE_ELEMENT = 0x10000;
HTMLStyle._NOWARP = 0x20000;
HTMLStyle._WIDTHAUTO = 0x40000;
HTMLStyle._BOLD = 0x400;
HTMLStyle._ITALIC = 0x800;
HTMLStyle._CSS_BLOCK = 0x1;
HTMLStyle._DISPLAY_NONE = 0x2;
HTMLStyle._ABSOLUTE = 0x4;
HTMLStyle._WIDTH_SET = 0x8;
HTMLStyle.alignVDic = { "left": 0, "center": 0x10, "right": 0x20, "top": 0, "middle": 0x40, "bottom": 0x80 };
HTMLStyle.align_Value = { 0: "left", 0x10: "center", 0x20: "right" };
HTMLStyle.vAlign_Value = { 0: "top", 0x40: "middle", 0x80: "bottom" };
HTMLStyle._ALIGN = 0x30;
HTMLStyle._VALIGN = 0xc0;