@shijiu/jsview 1.9.731 → 1.9.759

package/dom/jsview-dom/src/dom-wrapper/node/Node.js

@@ -1,178 +0,0 @@
-/* eslint-disable no-unused-vars */
-/* eslint-disable no-prototype-builtins */
-
-import Log from "../utils/Log";
-
-class Node {
-    constructor(type) {
-        this.ownerDocument = window.document;
-        this.nodeType = type;
-        this.parentNode = undefined;
-        this.childNodes = [];
-        this.jsvEventListener = undefined;
-        this.jsvChildChangedCallback = undefined;
-    }
-
-    jsvGetTagName() {
-        return "Unknown";
-    }
-
-    appendChild(node) {
-        // Log.V(this, "Node.appendChild() node=", node.id);
-        this.childNodes.push(node);
-        node.parentNode = this;
-
-        this.jsvChildChangedCallback?.();
-    }
-
-    moveChild(node, newParent, beforeNode) {
-        // Remove child
-        let nodeIdx = this.childNodes.indexOf(node)
-        if (nodeIdx < 0) {
-            Log.Throw("Failed to call Node.removeChild(), node not found. node=", node)
-        }
-        this.childNodes.splice(nodeIdx, 1);
-        node.parentNode = undefined;
-        this.jsvChildChangedCallback?.();
-
-        // Insert
-        newParent._insertBeforeInner(node, beforeNode);
-    }
-
-    removeChild(node) {
-        // 递归删除所有子节点
-        for (let idx = node.childNodes.length - 1; idx >= 0; idx--) {
-            node.removeChild(node.childNodes[idx]) ;
-        }
-
-        // Log.V(this, "Node.removeChild() node=", node.id);
-        let nodeIdx = this.childNodes.indexOf(node)
-        if(nodeIdx < 0) {
-            Log.Throw("Failed to call Node.removeChild(), node not found. node=", node)
-        }
-        this.childNodes.splice(nodeIdx, 1);
-
-        node.parentNode = undefined;
-
-        this.jsvChildChangedCallback?.();
-    }
-
-    insertBefore(node, beforeNode) {
-        this._insertBeforeInner(node, beforeNode);
-    }
-
-    _insertBeforeInner(node, beforeNode) {
-        let nodeIdx = this.childNodes.length;
-        if (typeof beforeNode === 'undefined') {
-            Log.Throw("TypeError: Failed to execute 'insertBefore' on 'Node': 2 arguments required, but only 1 present.");
-        } else if (beforeNode !== null) {
-            nodeIdx = this.childNodes.indexOf(beforeNode)
-        }
-        if (nodeIdx < 0) {
-            Log.Throw("Failed to call Node.insertBefore(), before node not found. beforeNode=", beforeNode)
-        }
-        this.childNodes.splice(nodeIdx, 0, node);
-
-        node.parentNode = this;
-
-        this.jsvChildChangedCallback?.();
-    }
-
-    get previousSibling() {
-        const childNodesOfParent = this.parentNode.childNodes;
-        let thisIdx = childNodesOfParent.indexOf(this)
-        if(thisIdx < 0) {
-            Log.Throw("Failed to call Node.previousSibling(), this node not found. this=", this)
-        }
-        let siblingNode = childNodesOfParent[thisIdx - 1]; // 如果nodeIdx == 0，则数组会返回undefined
-
-        // Log.V(this, ".previousSibling() siblingNode=", siblingNode);
-        return siblingNode;
-    }
-
-    get nextSibling() {
-        const childNodesOfParent = this.parentNode.childNodes;
-        let thisIdx = childNodesOfParent.indexOf(this)
-        if(thisIdx < 0) {
-            Log.Throw("Failed to call Node.nextSibling(), this node not found. this=", this)
-        }
-        let siblingNode = childNodesOfParent[thisIdx + 1]; // 如果nodeIdx + 1溢出，则数组会返回undefined
-
-        // Log.V(this, ".nextSibling() siblingNode=", siblingNode);
-        return siblingNode;
-    }
-
-    addEventListener(event, func, useCapture) {
-        //console.log("Node.addEventListener() this=", this.nodeType, " event=", event);
-
-        if(!this.jsvEventListener) {
-            this.jsvEventListener = {};
-        }
-        let valueSet = this.jsvEventListener[event];
-        if(!valueSet) {
-            valueSet = new Set();
-            this.jsvEventListener[event] = valueSet;
-        }
-
-        valueSet.add(func);
-        //console.log("valueSet:",valueSet);
-    }
-
-    removeEventListener(event, func, useCapture) {
-        //console.log("Node.removeEventListener() this=", this, " event=", event);
-
-        if(!this.jsvEventListener) {
-            return;
-        }
-
-        let valueSet = this.jsvEventListener[event];
-        if(!valueSet) {
-            return;
-        }
-
-        valueSet.delete(func);
-
-        if(valueSet.size <= 0) {
-            if (this.jsvEventListener.hasOwnProperty(event)) {
-                delete this.jsvEventListener[event];
-            }
-        }
-
-        if (Object.values(this.jsvEventListener).length === 0) {
-            this.jsvEventListener = undefined;
-        }
-    }
-
-    dispatchEvent(event) {
-        //console.log("Node.dispatchEvent() this=", this, " event=", event.type);
-        if(!this.jsvEventListener) {
-            console.warn("Node.dispatchEvent() Ignore to dispatch event: " + event.type + ". No event added.");
-            return;
-        }
-        //console.log("this.jsvEventListener:",this.jsvEventListener, );
-        let valueSet = this.jsvEventListener[event.type];
-        if(!valueSet) {
-            console.warn("Node.dispatchEvent() Ignore to dispatch event: " + event.type + ". No listener added.");
-            return;
-        }
-        
-        if(!event.target) {
-            event.target = document.activeElement;
-        }
-
-        for(let listener of valueSet) {
-            listener(event);
-        }
-    }
-
-    jsvObserveChildChanged(callback) {
-        this.jsvChildChangedCallback = callback;
-    }
-}
-
-Node.ELEMENT_NODE = 1
-Node.TEXT_NODE = 3
-Node.COMMENT_NODE = 8
-Node.DOCUMENT_NODE = 9
-Node.NOLAYOUT_NODE = 10
-export default Node;

package/dom/jsview-dom/src/dom-wrapper/node/SVGElement.js

@@ -1,9 +0,0 @@
-import  Element from "./Element"
-
-class SVGElement extends Element {
-    jsvGetTagName() {
-        return Element.TAG.LINK;
-    }
-}
-
-export default SVGElement;

package/dom/jsview-dom/src/dom-wrapper/node/ScriptElement.js

@@ -1,45 +0,0 @@
-import Element from "./Element"
-import Event from "../event/Event"
-import URL from "../style/URL"
-
-class ScriptElement extends Element {
-	constructor(tag) {
-		super(tag);
-		this.src = null;
-		this.onerror = null;
-		this.onload = null;
-		this.charset = null;
-		this.timeout = 120;
-	}
-
-	setAttribute(name, value) {
-		console.log("ScriptElement.setAttribute() name=" + name + ", value=", value);
-		this[name] = value;
-	}
-
-	jsvLoadResource() {
-		if (this.src != null) {
-			var url = new URL(this.src);
-			console.log("load script with url=" + url.href);
-			var _this = this;
-			window.JsView.runJsWithUrl(url.href, false, (is_success, err_code)=>{
-				_this.jsvOnLoadResult(is_success, err_code);
-			});
-		}
-	}
-
-	jsvOnLoadResult(is_success, err_code) {
-		console.log("onLoadResult " + is_success + " " + err_code);
-		if (is_success) {
-			if (this.onload) {
-                let event = new Event('load');
-				this.onload(event);
-			}
-		} else {
-			if (this.onerror) {
-				this.onerror({ type: 'jsvErr_' + err_code, target:this });
-			}
-		}
-	}
-}
-export default ScriptElement;

package/dom/jsview-dom/src/dom-wrapper/node/StyleElement.js

@@ -1,33 +0,0 @@
-import Element from "./Element"
-import StyleSheet from "../style/StyleSheet"
-
-class StyleElement extends Element {
-    constructor(tag) {
-        // console.warn("StyleElement.constructor()")
-        super(tag)
-        this.textContent = null;
-    }
-
-    jsvGetTagName() {
-        return Element.TAG.STYLE;
-    }
-
-    appendChild(node) {
-        super.appendChild(node);
-
-        let styleSheet = new StyleSheet(node.textContent);
-        // document.styleSheets.append(styleSheet);
-        // console.warn("StyleElement.appendChild()", document)
-        document.jsvAppendStyleSheet(styleSheet);
-    }
-
-    removeChild(node) {
-        super.removeChild(node);
-
-        // document.styleSheets.remove(styleSheet);
-        throw Error("Failed to removeChild, unimplement!.");
-    }
-
-}
-
-export default StyleElement;

package/dom/jsview-dom/src/dom-wrapper/node/StyleElementCache.js

@@ -1,41 +0,0 @@
-class StyleElementCache{
-    static jsvGetKeyFrames(name) {
-        // console.log(">>>>>>>>>>>>>>>>>>>> name=", name);
-        let cached = StyleElementCache.jsvKeyFramesCache[name];
-        if(!!cached) {
-            return cached;
-        }
-
-        let keyFrames = "@keyframes ";
-        let customKeyFrames = "-keyframes"; // 例如-webkit-keyframes
-        let keyName = keyFrames + name;
-        for(let textContent of StyleElementCache.jsvCache) {
-            let startIdx = textContent.indexOf(keyName);
-            // console.log(">>>>>>>>>>>>>>>>>>>> startIdx=", startIdx, " textContent=", textContent);
-            if(startIdx < 0) {
-                continue;
-            }
-
-
-            let customEndIdx = textContent.indexOf(customKeyFrames, startIdx + 1); // 寻找下一个"@keyframes"
-            let endIdx = textContent.indexOf(keyFrames, startIdx + 1); // 寻找下一个"@keyframes"
-            if(endIdx < 0) { // 当前是最后一个
-                endIdx = textContent.length;
-            }
-            if(customEndIdx > 0 && customEndIdx < endIdx) { // 去除自定义keyframes的部分
-                endIdx = customEndIdx;
-            }
-
-            let keyFramesContent = textContent.substring(startIdx, endIdx);
-	        StyleElementCache.jsvKeyFramesCache[name] = keyFramesContent;
-            // console.log(">>>>>>>>>>>>>>>>>>>> StyleElement.jsvKeyFramesCache=", JSON.stringify(StyleElement.jsvKeyFramesCache));
-            return keyFramesContent;
-        }
-
-        return null;
-    }
-}
-
-StyleElementCache.jsvCache = new Set();
-StyleElementCache.jsvKeyFramesCache = {};
-export default StyleElementCache;

package/dom/jsview-dom/src/dom-wrapper/node/Text.js

@@ -1,22 +0,0 @@
-import Node from "./Node"
-class Text extends Node {
-    constructor(content) {
-        // console.log("Text.Text() content=" + content);
-        super(Node.TEXT_NODE)
-        this.textContent = content
-    }
-
-    get nodeValue() {
-        return this.textContent;
-    }
-
-    set nodeValue(value) {
-        this.textContent = value;
-
-        if(this.parentNode) {
-            this.parentNode.textContent = this.textContent;
-        }
-    }
-}
-
-export default Text

package/dom/jsview-dom/src/dom-wrapper/node/UnknownElement.js

@@ -1,4 +0,0 @@
-import Element from "./Element"
-class UnknownElement extends Element {
-}
-export default UnknownElement;

package/dom/jsview-dom/src/dom-wrapper/node/VideoElement.js

@@ -1,237 +0,0 @@
-/* eslint-disable no-extra-boolean-cast */
-import Forge from "../../engine-js/ForgeDefine"
-import Event from "../event/Event"
-import Element from "./Element"
-import MediaElement from "./MediaElement"
-import StyleDeclaration from "../style/StyleDeclaration"
-import ForgeExtension from "../ForgeExtension"
-
-class VideoElement extends MediaElement {
-    constructor(src) {
-        super(src);
-        console.log("VideoElement.constructor()", this);
-        this._EventCache = [];
-        this._UseTexture = false;
-        this._StartTime = 0;
-    }
-
-    jsvGetTagName() {
-        return Element.TAG.VIDEO;
-    }
-
-    setAttribute(name, value) {
-        /**
-         react解析过程调用顺序理解
-         1. 先addEventListener
-         2. 然后setAttribute，在此需要jsv_media_usetexture属性在其他所有属性设定之前设定，尤其必须在src属性设定前
-         3. appendChild->jsvOnloadForgeView 会被调用，触发jsvMainView的创建
-         4. media的prepareAsync完成后会调用jsvOnload，在此根据texture状态申请不同的LayoutView
-         */
-        if(name === "jsv-media-usetexture"
-        && (value === "true" || value === true || value === "")) {
-            this._UseTexture = true;
-            return;
-        } else if (name === "jsv_media_usetexture" && value === "true") { // 兼容旧下划线方式 
-            this._UseTexture = true;
-            return;
-        }
-
-        super.setAttribute(name, value);
-    }
-
-    removeAttribute(name) {
-        if (name === "jsv-media-usetexture"
-        || name === "jsv_media_usetexture") { // 兼容旧下划线方式 
-            this._UseTexture = false;
-            console.log("removeAttribute jsv_media_usetexture");
-            return;
-        }
-
-        super.removeAttribute(name);
-    }
-
-    jsvFlushViewLayout() {
-        super.jsvFlushViewLayout();
-
-        let degrees = this.style.JsvVideoRotation;
-        if (isNaN(degrees)) {
-            degrees = 0;
-        }
-        if(!!this.style.objectFit && this.style.objectFit != StyleDeclaration.ObjectFit.CONTAIN
-        && this.style.objectFit != StyleDeclaration.ObjectFit.FILL) {
-            console.error("Video rotation is not valid on objectFit=", this.style.objectFit)
-            degrees = 0;
-        }
-        if (this.jsvMedia) {
-            this.jsvMedia.setRotation?.(degrees,
-                                      this.style.width, this.style.height,
-                                      this.style.objectFit == StyleDeclaration.ObjectFit.FILL);
-        }
-    }
-
-    jsvAddMediaListener(event) {
-        if (!this.jsvMedia) {
-            this._EventCache.push(event);
-        } else {
-            this.jsvMedia.addEventListener(event, () => {
-                let ev = new Event(event);
-                ev.target = this;
-                this.dispatchEvent(ev);
-            });
-        }
-    }
-
-    jsvFlushVideoView() {
-        if (!this.jsvMediaView) {
-            return;
-        }
-
-        this.jsvStore.textureWidth = this.jsvMedia.videoWidth;
-        this.jsvStore.textureHeight = this.jsvMedia.videoHeight;
-
-        // 触发view进行resize调整
-        this.style.jsvLazySyncCache.setCacheProperty(StyleDeclaration.TYPE.LAYOUT_SIZE, true);
-    }
-
-    // Override
-    jsvApplyObjectFit(origin_layout) {
-        return Element.applyObjectFitCommon(this, origin_layout, this.jsvMediaView);
-    }
-
-    jsvInit() {
-        console.log("VideoElement jsvInit");
-        if (!this._UseTexture) {
-            this.jsvMedia = new MediaElement.HOOKS.Video();
-        } else {
-            this.jsvMedia = new MediaElement.HOOKS.OffscreenVideo();
-        }
-
-        if (this._EventCache.length > 0) {
-            this._EventCache.map((event) => {
-                this.jsvAddMediaListener(event);
-            })
-            this._EventCache = [];
-        }
-        this.addEventListener("load", this.jsvOnLoaded.bind(this));
-        super.jsvInit();
-    }
-
-    jsvRelease() {
-        super.jsvRelease();
-        this.jsvMedia = null;
-    }
-
-    jsvOnLoaded() {
-        if (!this.jsvMediaView) {
-            let textureSetting;
-            if (this._UseTexture) {
-                this.jsvMediaView = new Forge.LayoutView();
-                // 配置Texture
-                let videoTexture = ForgeExtension.TextureManager.GetOffScreenMediaTexture(this.jsvMedia);
-                // 配置视频的圆角设定
-                let corner = this.style.borderRadius;
-                let cornerMask;
-                if (!!corner) {
-                    cornerMask = new Forge.ViewRoundCornerMask(corner.topLeft, corner.topRight,
-                        corner.bottomLeft, corner.bottomRight);
-                }
-                // 组合TextureSetting并设置view的texture
-                textureSetting = new Forge.TextureSetting(videoTexture, cornerMask);
-            } else {
-                this.jsvMediaView = new Forge.VideoView(this.jsvMedia);
-                // 配置Texture
-                let videoTexture = ForgeExtension.TextureManager.GetColorTexture("rgba(0,0,0,0)");
-                // 组合TextureSetting并设置view的texture
-                textureSetting = new Forge.TextureSetting(videoTexture, null, null, false);
-            }
-            this.jsvMainView.AddView(this.jsvMediaView);
-            this.jsvMediaView.ResetTexture(textureSetting);
-        }
-
-        this.jsvFlushVideoView();
-    }
-
-    // override
-    jsvOnLoadForgeView() {
-        if (!this.style.objectFit) {
-            // Video若objectFit未填写则默认为contain
-            this.style.jsvSetPropertySilently("objectFit", StyleDeclaration.ObjectFit.CONTAIN);
-        }
-
-        super.jsvOnLoadForgeView();
-    }
-
-    onJsViewHide() {
-        this._StartTime = this.jsvMedia.currentTime;
-        super.onJsViewHide();
-        this.jsvMedia.setState("autoPlay", false, "boolean");
-    }
-
-    onJsViewShow() {
-        //重新加载
-        if (!this.jsvMedia) {
-            this.jsvInit();
-        }
-        this.jsvMedia.src = this.srcValue;
-        this.jsvMedia.startTime = Math.max(this._StartTime - 1, 0);
-        this._StartTime = 0;
-
-        if (this.stopByOnHide) {
-            this.stopByOnHide = false;
-            this.jsvMedia.play();
-        }
-    }
-}
-
-VideoElement.PROP = {
-    SetOnly: [],
-    GetOnly: [
-        "videoHeight",
-        "videoWidth",
-    ],
-    SetAndGet: [
-        "height",
-        "poster",
-        "width",
-    ],
-};
-
-for (let propType in VideoElement.PROP) {
-    let propArray = VideoElement.PROP[propType];
-    for (let propName of propArray) {
-        let propValue = {};
-        if (propType === "SetOnly" || propType === "SetAndGet") {
-            propValue.set = function (value) {
-                this.media[propName] = value;
-            }
-        }
-        if (propType === "GetOnly" || propType === "SetAndGet") {
-            propValue.get = function () {
-                return this.media[propName];
-            }
-        }
-
-        VideoElement.prototype[propName] = propValue;
-    }
-}
-
-VideoElement.EVENTS = [
-  "oncanplay",
-  "oncanplaythrough",
-  "ondurationchange",
-  "onended",
-  "onerror",
-  "onload",
-  "onloadedmetadata",
-  "onloadstart",
-  "onpause",
-  "onplay",
-  "onplaying",
-  "onprogress",
-  "onseeking",
-  "onseeked",
-  "onstalled",
-  "ontimeupdate",
-]; 
-
-export default  VideoElement;

package/dom/jsview-dom/src/dom-wrapper/style/BorderImage.js

@@ -1,25 +0,0 @@
-import StyleValue from "./StyleValue"
-import URL from "./URL"
-class BorderImage {
-    constructor(value) {
-        this.source = null;
-        this.slice = null;
-        this.repeat = null;
-        this.outset = null;
-        this.width = null;
-
-        if(!value) {
-            console.error("BorderImage.constructor() InvalidArgs: value=", value);
-            return;
-        }
-
-        let separator = value.indexOf(')') + 1;
-        let url = value.substring(0, separator);
-        let slice = value.substring(separator);
-        this.source = new URL(url);
-        this.slice = StyleValue.ConvertRect(slice);
-       
-        // console.warn("BorderImage.constructor() this=", this);
-    }
-}
-export default BorderImage;

package/dom/jsview-dom/src/dom-wrapper/style/Inset.js

@@ -1,26 +0,0 @@
-import StyleValue from "./StyleValue"
-class Inset {
-    constructor(value) {
-        this.top = null;
-        this.right = null;
-        this.bottom = null;
-        this.left = null;
-
-        if(!value
-        || value.startsWith('inset') === false) {
-            console.error("Inset.Parse() InvalidArgs: value=", value);
-            return;
-        }
-
-        let idx = value.indexOf('(') + 1;
-        let edgeValue = value.substring(idx);
-        let rect = StyleValue.ConvertRect(edgeValue);
-        this.top = rect.top;
-        this.right = rect.right;
-        this.bottom = rect.bottom;
-        this.left = rect.left;
-
-        // console.warn(".constructor() this=", this);
-    }
-}
-export default Inset;

package/dom/jsview-dom/src/dom-wrapper/style/JsvStyleVariable.js

@@ -1,65 +0,0 @@
-/* eslint-disable no-extra-boolean-cast */
-/* eslint-disable no-prototype-builtins */
-
-class JsvStyleVariable {
-    constructor() {
-        this.refStyleObject = new Map();
-        this.value = undefined;
-    }
-
-    static AppendRefStyle(varName, style, propName) {
-        let jsvStyleVar = JsvStyleVariable.jsvGetStyleVar(varName);
-
-        if(!jsvStyleVar.refStyleObject.has(style)) {
-            jsvStyleVar.refStyleObject.set(style, []);
-        }
-        let refStyleProps = jsvStyleVar.refStyleObject.get(style);
-
-        refStyleProps.push(propName);
-    }
-
-    static RemoveRefStyle(style) {
-        for(const jsvStyleVar of JsvStyleVariable.VariableMap.values()) {
-            for(const refStyle of jsvStyleVar.refStyleObject.keys()) {
-                if(refStyle == style) {
-                    jsvStyleVar.refStyleObject.delete(style);
-                }
-            }
-        }
-    }
-
-    static UpdateValue(varName, varValue) {
-        let jsvStyleVar = JsvStyleVariable.jsvGetStyleVar(varName);
-        
-        jsvStyleVar.value = varValue;
-
-        for(const [style, propList] of jsvStyleVar.refStyleObject) {
-            for(const  propName of propList) {
-                style.jsvSetClassProperty(propName);
-            }
-        }
-    }
-
-    static GetValue(varName) {
-        let jsvStyleVar = JsvStyleVariable.jsvGetStyleVar(varName);
-        
-        return jsvStyleVar.value;
-    }
-
-    static jsvGetStyleVar(varName) {
-        if(varName.startsWith('--')) {
-            varName = `var(${varName})`; // var(--xxx)
-        }
-
-        if(!JsvStyleVariable.VariableMap.has(varName)) {
-            JsvStyleVariable.VariableMap.set(varName, new JsvStyleVariable());
-        }
-        const jsvStyleVar = JsvStyleVariable.VariableMap.get(varName);
-
-        return jsvStyleVar;
-    }
-}
-
-JsvStyleVariable.VariableMap = new Map;
-
-export default JsvStyleVariable;